ホームページ  >  記事  >  ウェブフロントエンド  >  よろしくお願いします_html/css_WEB-ITnose

よろしくお願いします_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:09:01875ブラウズ

マウスホバー時に画像を拡大する方法。


ディスカッションに返信 (解決策)

<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'...
これを行うと画像が歪みますか? !

1 階の aspwebchh からの返信を引用:


HTML コード
4c6e80c56d7419e46e6899c1a7831c02
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var img = document.getElementById('image');
これを行うと画像は歪みませんか? !

次に、画像を変更します~~~


1 階の aspwebchh からの返信を引用:

HTML コード

3f1c4e4b6b16bbbd69b2ee476dc4f83a
img.onmouseover =……
2 つの画像をデザインする必要があります。片方は大きくて、もう片方は小さくても大丈夫です

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。