تصف هذه المقالة طريقة JS لتشغيل تأثير ارتعاش الصورة عن طريق تشغيل الماوس. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<title> ماوس يثير تأثير ارتعاش الصورة </title>
<style>
.shakeimage {
الموقف: قريب
}
</style>
<script language = "javaScript1.2">
// تكوين درجة الهز (حيث يساوي # أكبر اهتزاز أكبر)
var Reflector = 3
//////////قمت بتحرير ///////////////////
var stopit = 0
var a = 1
وظيفة init (التي) {
StopIt = 0
هز =
Shake.style.left = 0
Shake.style.top = 0
}
وظيفة RattleImage () {
if ((! document.all &&! document.getElementById) || stopit == 1)
يعود
if (a == 1) {
Shake.style.top = parseint (Shake.style.top)+Rector
}
آخر إذا (a == 2) {
Shake.style.left = parseint (Shake.style.left)+Rector
}
آخر إذا (a == 3) {
Shake.style.top = parseint (Shake.Style.top)-المحامي
}
آخر{
Shake.style.left = parseint (Shake.Style.Left) -erctor
}
إذا (A <4)
A ++
آخر
أ = 1
setTimeout ("RattleImage ()" ، 50)
}
وظيفة stoprattle (التي) {
StopIt = 1
الذي
الذي. style.top = 0
}
</script>
</head>
<body bgcolor = "#f7f7f7">
<p align = "center">
<img src =/images/skinslogo.gif onMouseover = "init (this) ؛ rattleimage ()" onMouseout = "stoprattle (this)">
<br>
حرك الماوس لرؤية التأثير! </p>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.