ホームページ >ウェブフロントエンド >htmlチュートリアル >よろしくお願いします_html/css_WEB-ITnose

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

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

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


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

<img  id='image' src='http://avatar.profile.csdn.net/C/D/B/2_woshior198.jpg'    style="max-width:90%"/ alt="よろしくお願いします_html/css_WEB-ITnose" ><script>var img = document.getElementById('image');img.onmouseover = function(){this.width='200'}img.onmouseout = function(){this.width='100'}</script>

HTML コード

よろしくお願いします_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='…… <br /> ++ </script>

HTML コード
よろしくお願いします_html/css_WEB-ITnose
<script> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='200'... <br /> これを行うと画像が歪みますか? ! <br /> </script>

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


HTML コード
よろしくお願いします_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> これを行うと画像は歪みませんか? ! <br /> <br /> 次に、画像を変更します~~~ <br /> <br /> <br /> 1 階の aspwebchh からの返信を引用: </script>

HTML コード
よろしくお願いします_html/css_WEB-ITnose
<script> <br /> img.onmouseover =…… <br /> 2 つの画像をデザインする必要があります。片方は大きくて、もう片方は小さくても大丈夫です<br /></script>

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