js 鼠标放图片上抖动效果

在线演示:

鼠标移至图片后抖动的JS代码
.shakeimage{position:relative; left:100px; top:100px;}




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)};
}



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
创意之处：

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