Cet article décrit la méthode de JS pour déclencher l'effet de gigue d'image en déclenchant la souris. 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>
<Title> La souris déclenche l'effet de gigue d'image </TITAL>
<style>
.shakeImage {
Position: relative
}
</ style>
<script linguisse = "javascript1.2">
// Configurer le degré de shake (où plus grand # est plus grand shake)
Var Reflector = 3
///////// DID EDITS /////////////////
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>
</ head>
<corps bgcolor = "# f7f7f7">
<p align = "Center">
<img src = / images / skinslogo.gif onmouseover = "init (this); rattleImage ()" onMouseout = "stopRattle (this)">
<br>
Déplacez la souris pour voir l'effet! </p>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.