Heim >Web-Frontend >HTML-Tutorial >求众大神们帮个忙_html/css_WEB-ITnose

求众大神们帮个忙_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:09:01925Durchsuche

鼠标悬停的时候图片放大效果怎么做呢。


回复讨论(解决方案)

<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 code

求众大神们帮个忙_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='…… <br /> ++ </script>

HTML code
求众大神们帮个忙_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='200'…… <br /> 这样做图片不会失真?! </script>

引用 1 楼 aspwebchh 的回复:

HTML code
求众大神们帮个忙_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover =…… <br /> 这样做图片不会失真?! <br /> <br /> 那就换张图片呗~~~ <br /> </script>

引用 1 楼 aspwebchh 的回复:

HTML code
求众大神们帮个忙_html/css_WEB-ITnose
<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover =…… <br /> 应该设计两张图片,一个大一点一个小一点,这样就ok了 </script>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn