Artikel ini menjelaskan metode JS untuk memicu efek jitter gambar dengan memicu mouse. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<title> tikus memicu efek jitter picture </iteme>
<tyle>
.shakeimage {
Posisi: Kerabat
}
</tyle>
<bahasa skrip = "javascript1.2">
// Mengkonfigurasi Gelar Shake (di mana lebih besar # sama dengan goyang yang lebih besar)
var reflektor = 3
Done Editting ////////////////////////////
var stopit = 0
var a = 1
fungsi init (yang) {
stopit = 0
goyang = yang
shake.style.left = 0
shake.style.top = 0
}
function rattleImage () {
if ((! document.all &&! document.geteLementById) || stopit == 1)
Kembali
if (a == 1) {
shake.style.top = parseInt (shake.style.top)+rektor
}
lain jika (a == 2) {
shake.style.left = parseInt (shake.style.left)+rektor
}
lain jika (a == 3) {
shake.style.top = parseInt (shake.style.top) -rector
}
kalau tidak{
shake.style.left = parseInt (shake.style.left) -rector
}
if (a <4)
a ++
kalau tidak
a = 1
setTimeout ("RattleImage ()", 50)
}
function stopRattle (yang) {
stopit = 1
WHOP.STYLE.LEFT = 0
What.Style.top = 0
}
</script>
</head>
<body bgcolor = "#f7f7f7">
<p align = "center">
<img src =/gambar/skinslogo.gif onmouseover = "init (this); rattleimage ()" onmouseout = "stopRattle (this)">
<br>
Pindahkan mouse untuk melihat efeknya! </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.