この記事では、マウスをトリガーして画像ジッター効果をトリガーするJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<head>
<title>マウスはピクチャジッター効果をトリガーします</title>
<style>
.shakeImage {
位置：相対
}
</style>
<スクリプト言語= "javascript1.2">
//シェイクの学位を構成する（大きい＃がより大きなシェイクに等しい）
var Reflector = 3
///////編集編集/////////////
var stopit = 0
var a = 1
関数init（それ）{
stopit = 0
シェイク=それ
Shake.style.Left = 0
Shake.style.top = 0
}
function ratterimage（）{
if（（！document.all &&！document.getElementbyId）|| stopit == 1）
戻る
if（a == 1）{
shake.style.top = parseint（shake.style.top）+rector
}
elseの場合（a == 2）{
shake.style.left = parseint（shake.style.left）+rector
}
elseの場合（a == 3）{
shake.style.top = parseint（shake.style.top）-edector
}
それ以外{
shake.style.left = parseint（shake.style.left）-erctor
}
if（a <4）
A ++
それ以外
a = 1
setimeout（ "ratterimage（）"、50）
}
関数は停止します（それ）{
stopit = 1
which.style.left = 0
which.style.top = 0
}
</script>
</head>
<body bgcolor = "＃f7f7f7">
<p align = "center">
<img src =/images/skinslogo.gif onmouseover = "init（this）; ratterimage（）" onmouseout = "stoprattle（this）">
<br>
マウスを動かして効果を確認してください！ </p>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。