Artikel ini menjelaskan metode bergetar efek khusus dari mouse JS yang menggesek gambar. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
<title> geser mouse di atas efek getaran gambar </iteme>
<tyle> .shakeimage {
Posisi: Kerabat
}
</tyle>
</head>
<body>
<Bahasa skrip = javascript1.2>
<!-
var reflektor = 3
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>
<img onmouseover = "init (this); rattleImage ()" onmouseout = "stopRattle (this)" src = "/gambar/csrcode.ico" style = "kursor: pointer;"//>
<img onmouseover = "init (this); rattleImage ()" onmouseout = "stopRattle (this)" src = "/images/changshi.ico" style = "kursor: pointer;"//>
<img onmouseover = "init (this); rattleImage ()" onmouseout = "stopRattle (this)" src = "/images/links.ico" style = "kursor: pointer;"/>>>
Geser mouse di atas efek pratinjau gambar.
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.