js 鼠标放图片上抖动效果

在线演示:
<html><head><title>鼠标移至图片后抖动的JS代码 </title></head><BODY> <style>.shakeimage{position:relative; left:100px; top:100px;}</style> <img src="https://www.jb51.net/www.gxlcms.com/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行代码
性能高
逻辑清晰，便于二次开发