js 鼠标放图片上抖动效果_图象特效

在线演示:

<title>鼠标移至图片后抖动的JS代码 </title> <style>.shakeimage{position:relative; left:100px; top:100px;}</style> <img src="http://www.jb51.net/images/logo.gif" class="shakeimage" onmouseover="shake(this,'onmouseout')" alt="js 鼠标放图片上抖动效果_图象特效" > <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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

创意之处：

调用简单：事件="shake(this,'onmouseout')";
代码简短：函数主体程序仅仅5行代码
性能高
逻辑清晰，便于二次开发