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

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

回复讨论(解决方案)

<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


<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='…… <br /> ++ </script>

HTML code

<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover = function(){this.width='200'…… <br /> 这样做图片不会失真？！ </script>

引用 1 楼 aspwebchh 的回复:

HTML code

<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover =…… <br /> 这样做图片不会失真？！ <br /> <br /> 那就换张图片呗~~~ <br /> </script>

引用 1 楼 aspwebchh 的回复:

HTML code

<script> <br /> var img = document.getElementById('image'); <br /> img.onmouseover =…… <br /> 应该设计两张图片，一个大一点一个小一点，这样就ok了 </script>