บทความนี้อธิบายถึงวิธีการของ JS ในการกระตุ้นเอฟเฟกต์การกระวนกระวายใจของภาพโดยเรียกใช้เมาส์ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> เมาส์ทริกเกอร์เอฟเฟกต์ภาพกระวนกระวายใจ </title>
<style>
. ShakeImage {
ตำแหน่ง: ญาติ
-
</style>
<ภาษาสคริปต์ = "JavaScript1.2">
// กำหนดค่าระดับการเขย่า (ที่ใหญ่กว่า # เท่ากับการเขย่ามากขึ้น)
Var Reflector = 3
///////// dine editting ////////////////////////////////////////////////////////////////////////////////////
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)
กลับ
ถ้า (a == 1) {
shake.style.top = parseint (shake.style.top)+อธิการบดี
-
อื่นถ้า (a == 2) {
Shake.style.left = ParseInt (shake.style.left)+อธิการบดี
-
อื่นถ้า (a == 3) {
shake.style.top = parseint (shake.style.top) -rector
-
อื่น{
Shake.style.left = ParseInt (shake.style.left) -rector
-
ถ้า (a <4)
A ++
อื่น
a = 1
settimeout ("rattleimage ()", 50)
-
ฟังก์ชั่น stopRattle (ซึ่ง) {
Stopit = 1
her.style.left = 0
her.style.top = 0
-
</script>
</head>
<body bgcolor = "#f7f7f7">
<p allign = "center">
<img src =/images/skinslogo.gif onmouseover = "init (this); rattleimage ()" onmouseout = "stopRattle (นี้)">
<br>
ย้ายเมาส์เพื่อดูเอฟเฟกต์! </p>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน