本文实例讲述了js实现鼠标触发图片抖动效果的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 鼠标触发图片抖动效果 <br /> .shakeimage{<br /> position:relative<br /> }<br /> <br /> //configure shake degree (where larger # equals greater shake)<br /> var rector=3<br /> ///////DONE EDITTING///////////<br /> var stopit=0 <br /> var a=1<br /> function init(which){<br /> stopit=0<br /> shake=which<br /> shake.style.left=0<br /> shake.style.top=0<br /> }<br /> function rattleimage(){<br /> if ((!document.all&&!document.getElementById)||stopit==1)<br /> return<br /> if (a==1){<br /> shake.style.top=parseInt(shake.style.top)+rector<br /> }<br /> else if (a==2){<br /> shake.style.left=parseInt(shake.style.left)+rector<br /> }<br /> else if (a==3){<br /> shake.style.top=parseInt(shake.style.top)-rector<br /> }<br /> else{<br /> shake.style.left=parseInt(shake.style.left)-rector<br /> }<br /> if (a<4)<br /> a++<br /> else<br /> a=1<br /> setTimeout("rattleimage()",50)<br /> }<br /> function stoprattle(which){<br /> stopit=1<br /> which.style.left=0<br /> which.style.top=0<br /> }<br /> 鼠标移动上来看效果！ 希望本文所述对大家的javascript程序设计有所帮助。
