易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
js 鼠标放图片上抖动效果
在线演示:
<html><head><title>鼠标移至图片后抖动的JS代码 </title></head><BODY> <style>.shakeimage{position:relative; left:100px; top:100px;}</style> <img src="http://www.jb51.net/images/logo.gif" class="shakeimage" onMouseover="shake（this,"onmouseout"）" > <script language="JavaScript1.2"> var typ=["marginTop","marginLeft"],rangeN=10,timeout=20; function shake（o,end）{ var range=Math.floor（Math.random（）*rangeN）; var typN=Math.floor（Math.random（）*typ.length）; o["style"][typ[typN]]=""+range+"px"; var shakeTimer=setTimeout（function（）{shake（o,end）},timeout）; o[end]=function（）{clearTimeout（shakeTimer）}; } </script> </body></html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
创意之处：
调用简单：事件="shake（this,"onmouseout"）";
代码简短：函数主体程序仅仅5行代码
性能高
逻辑清晰，便于二次开发
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站