Rumah > Artikel > hujung hadapan web > 求众大神们帮个忙_html/css_WEB-ITnose
求众大神们帮个忙_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:09:01876semak imbas
鼠标悬停的时候图片放大效果怎么做呢。
回复讨论(解决方案)
<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>