この記事では、JSマウスの特殊効果が画像上でスワイプするように振動する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<title>マウスを画像振動効果の上にスワイプします</title>
<style> .shakeImage {
位置：相対
}
</style>
</head>
<body>
<スクリプト言語= 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>
<img onmouseover = "init（this）; ratterimage（）" onmouseout = "stoprattle（this）" src = "/csrcode.ico" style = "cursor：pointer;"/>
<img onmouseover = "init（this）; ratterimage（）" onmouseout = "stoprattle（this）" src = "/yages/changshi.ico" style = "cursor：pointer;"/>
<img onmouseover = "init（this）; ratterimage（）" onmouseout = "stoprattle（this）" src = "/images/links.ico" style = "cursor：pointer;"/>
画像プレビュー効果の上にマウスをスライドさせます。
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。