ホームページ > 記事 > ウェブフロントエンド > よろしくお願いします_html/css_WEB-ITnose
マウスホバー時に画像を拡大する方法。
<img id='image' src='http://avatar.profile.csdn.net/C/D/B/2_woshior198.jpg' width='100'/><script>var img = document.getElementById('image');img.onmouseover = function(){this.width='200'}img.onmouseout = function(){this.width='100'}</script>
HTML コード
5c84b1faeba9fa071860b6e23e5dd077
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var img = document.getElementById('image');
img.onmouseover = function(){this.width='……
++
HTML コード
42eded1f3a1a99f10212c6f4599f381c
3f1c4e4b6b16bbbd69b2ee476dc4f83a var img = document.getElementById('image');
img.onmouseover = function(){this.width='200'...
これを行うと画像が歪みますか? !
HTML コード
4c6e80c56d7419e46e6899c1a7831c02
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var img = document.getElementById('image');
これを行うと画像は歪みませんか? !
次に、画像を変更します~~~
1 階の aspwebchh からの返信を引用:
HTML コード
3f1c4e4b6b16bbbd69b2ee476dc4f83a
img.onmouseover =……
2 つの画像をデザインする必要があります。片方は大きくて、もう片方は小さくても大丈夫です