js 鼠标放图片上抖动效果

　　在线演示:

<html><head><title>鼠标移至图片后抖动的JS代码 </title></head><BODY> 
<style>.shakeimage{position:relative; left:100px; top:100px;}</style> 
<img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" class="shakeimage" onMouseover="shake(this,'onmouseout')" > 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript1.2%22%3E%20%0D%0Avar%20typ%3D%5B%22marginTop%22%2C%22marginLeft%22%5D%2CrangeN%3D10%2Ctimeout%3D20%3B%20%0D%0Afunction%20shake(o%2Cend)%7B%20%0D%0Avar%20range%3DMath.floor(Math.random()*rangeN)%3B%20%0D%0Avar%20typN%3DMath.floor(Math.random()*typ.length)%3B%20%0D%0Ao%5B%22style%22%5D%5Btyp%5BtypN%5D%5D%3D%22%22%2Brange%2B%22px%22%3B%20%0D%0Avar%20shakeTimer%3DsetTimeout(function()%7Bshake(o%2Cend)%7D%2Ctimeout)%3B%20%0D%0Ao%5Bend%5D%3Dfunction()%7BclearTimeout(shakeTimer)%7D%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</body></html>

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

　　创意之处：

　　调用简单：事件="shake(this,'onmouseout')";

　　代码简短：函数主体程序仅仅5行代码

　　性能高

　　逻辑清晰，便于二次开发

教程首页更多教程