Dieser Artikel beschreibt die Methode von JS, um den Bild -Jitter -Effekt durch Auslösen der Maus auszulösen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<title> Mausauslöser Bild Jitter -Effekt </title>
<Styles>
.ShakeiMage {
Position: Relativ
}
</style>
<script Language = "JavaScript1.2">
// Shake -Grad konfigurieren (wobei größer # ist ein größerer Shake)
var reflektor = 3
//////////DED -Editing ////////////////////
var stopit = 0
var a = 1
Funktion init (was) {
stopit = 0
Shake = welches
Shake.Style.Left = 0
Shake.Style.top = 0
}
Funktion rassimage () {
if ((! document.all &&! document.getElementById) || stopit == 1)
Zurückkehren
if (a == 1) {
Shake.Style.top = ParseInt (Shake.Style.top)+Rektor
}
sonst wenn (a == 2) {
Shake.Style.Left = ParseInt (Shake.Style.Left)+Rektor
}
sonst wenn (a == 3) {
Shake.Style.top = ParseInt (Shake.Style.top) -Rector
}
anders{
Shake.Style.Left = ParseInt (Shake.Style.Left) -Rector
}
if (a <4)
A ++
anders
a = 1
setTimeout ("RattleImage ()", 50)
}
Funktion stoprattle (welche) {
Stopit = 1
welche.style.left = 0
welche.style.top = 0
}
</script>
</head>
<body bgcolor = "#f7f7f7">
<P Align = "Center">
<img Src =/Images/SkinsLogo.gif onmouseover = "init (this); rastleImage ()" onmouseout = "StopRattle (this)">
<br>
Bewegen Sie die Maus, um den Effekt zu sehen! </p>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.