网页中鼠标经过时图片放大代码

网页中鼠标经过时候图片自动放大代码，鼠标离开则自动变回原样... 网页中鼠标经过时候图片自动放大代码，鼠标离开则自动变回原样展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

欸嘣0787龘
2014-06-19 · TA获得超过162个赞

知道答主

回答量：124

采纳率：0%

帮助的人：147万

我也去答题访问个人页

关注

展开全部

html> <head> <title>无标题文档</title> </head> <body> <img src="1.jpg" name="img" width="100" height="100" style="margin: 300px 300px 300px 300px;" id="img" onmouseover="changeLarge();" onmouseout="changesmall();" /> <script> var img = document.getElementById("img"); var s = null; var l = null; var step = 8; //调整改变尺寸的速度 var step_ = step * 2; var maxWidth = 200; //最大宽度 var maxHeight = 200; //最大高度 var minWidth = 100; //最小宽度 var minHeight = 100; //最小高度 function changeLarge(){ clearInterval(s); l = setInterval("larger()",1); } function changesmall(){ clearInterval(l); s = setInterval("smaller()",1); } function smaller(){ if(parseInt(img.width)>minWidth){ img.style.marginLeft = parseInt(img.style.marginLeft)+step; img.width = parseInt(img.width) - step_; }else{ clearInterval(s); } if(parseInt(img.height)>minHeight){ img.style.marginTop = parseInt(img.style.marginTop)+step; img.height = parseInt(img.height) - step_; }else{ clearInterval(s); } } function larger(){ if(parseInt(img.width) <maxWidth){ img.style.marginLeft = parseInt(img.style.marginLeft)-step; img.width = parseInt(img.width) + step_; }else{ clearInterval(l); } if(parseInt(img.height) <maxHeight){ img.style.marginTop = parseInt(img.style.marginTop)-step; img.height = parseInt(img.height) + step_; }else{ clearInterval(l); } } </script> </body> </html> 然后把图片换成你自己的图片就OK了