Cet article décrit la méthode de vibration de l'effet spécial de la souris JS glisser sur l'image. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
<Title> Glissez la souris sur l'effet de vibration de l'image </TITAL>
<Style> .shakeImage {
Position: relative
}
</ Style>
</ head>
<body>
<Script Language = JavaScript1.2>
<! -
Var Reflector = 3
var stopit = 0
var a = 1
fonction init (qui) {
stopit = 0
Shake = qui
shake.style.left = 0
shake.style.top = 0
}
fonction rattleImage () {
if ((! document.all &&! document.getElementById) || stopSit == 1)
Retour
if (a == 1) {
shake.style.top = parseInt (shake.style.top) + recteur
}
else if (a == 2) {
shake.style.left = parseInt (shake.style.left) + recteur
}
else if (a == 3) {
shake.style.top = parseInt (shake.style.top) -rector
}
autre{
shake.style.left = parseInt (shake.style.left) -rector
}
si (a <4)
A ++
autre
a = 1
setTimeout ("rattleImage ()", 50)
}
fonction stopRattle (qui) {
stopit = 1
qui.style.left = 0
qui.style.top = 0
}
// ->
</cript>
<img onMouseOver = "init (this); rattleImage ()" onMouseout = "stoprattle (this)" src = "/ images / csrcode.ico" style = "curseur: pointeur;" />
<img onMouseOver = "init (this); rattleImage ()" onMouseout = "stoprattle (this)" src = "/ images / changshi.ico" style = "curseur: pointeur;" />
<img onMouseOver = "init (this); rattleImage ()" onMouseout = "stoprattle (this)" src = "/ images / links.ico" style = "curseur: pointer;" />
Faites glisser la souris sur l'effet d'aperçu de l'image.
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.