本文實例講述了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程式設計有所幫助。