Contoh dalam artikel ini menerangkan kaedah js untuk mencapai kesan jitter imej yang dicetuskan tetikus. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Tetikus mencetuskan kesan jitter imej .shakeimage{ jawatan:saudara } <br> //konfigurasikan darjah goncang (di mana # lebih besar sama dengan goncangan yang lebih besar)<br> var rector=3<br> ///////SELESAI MENGEDIT///////////<br> var stopit=0 <br> var a=1<br> fungsi init(yang){<br> stopit=0<br> goncang=yang<br> shake.style.left=0<br> shake.style.top=0<br> }<br> function rattleimage(){<br> jika ((!document.all&&!document.getElementById)||stopit==1)<br> kembali<br> jika (a==1){<br> shake.style.top=parseInt(shake.style.top) rektor<br> }<br> lain jika (a==2){<br> shake.style.left=parseInt(shake.style.left) rektor<br> }<br> lain jika (a==3){<br> shake.style.top=parseInt(shake.style.top)-rektor<br> }<br> lain{<br> shake.style.left=parseInt(shake.style.left)-rektor<br> }<br> jika (a<4)<br /> a <br /> lain<br /> a=1<br /> setTimeout("rattleimage()",50)<br /> }<br /> fungsi stoprattle(yang){<br /> stopit=1<br /> which.style.left=0<br /> which.style.top=0<br /> }<br /> </skrip><br> </head><br> <badan bgcolor="#F7F7F7"><br> <p align="center"><br> <img src=/images/skinslogo.gif class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)"><br> <br><br> Gerakkan tetikus anda untuk melihat kesannya! </p><br> </body><br> </html></div> <p>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
