บทความนี้อธิบายถึงวิธีการของ JS ในการเปลี่ยนลูกศรเมาส์ให้กลายเป็นเอฟเฟกต์แสงเทียนที่เผาไหม้ แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
นี่คือรหัส JS ที่ทำให้ผลกระทบของลูกศรเมาส์สมบูรณ์อย่างสมบูรณ์ ด้วยรหัส JS นี้เพิ่มลูกศรเมาส์ให้เป็นสไตล์ที่จะเผาเทียน นี่เป็นรหัสเก่ามากซึ่งสามารถทำงานได้ใน IE8 และด้านล่างเบราว์เซอร์เท่านั้นรหัสมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">>
<title> เมาส์ฟลูออเรสเซนต์ที่โดดเด่นมาก </title>
</head>
<body id = "mybody" style = "ตัวกรอง: แสง (เปิดใช้งาน = 1);" bgColor = "#ffffff" text = "#000000">
<div id = "layer1" style = "ความสูง: 32; ซ้าย: 66; ตำแหน่ง: สัมบูรณ์; ด้านบน: 41; ความกว้าง: 52">>
<Dd>
<div align = "ขวา">
<img src = "images/light.gif">
</div>
</dd>
</div>
<table>
<tr>
<td> <font face = "宋体" color = "#ff00ff" style = "ตัวอักษรขนาด: 9pt">
</font> <span style = "ตัวอักษรขนาด: 9pt">
บทคัดย่อ: ซอร์สโค้ด HTML5, อินสแตนซ์ผืนผ้าใบ, ภาพเคลื่อนไหวผ้าใบ
โปรแกรมฝึกซ้อม HTML5_CANVAS ใช้แท็ก Canvas เพื่อวาดเอฟเฟกต์ภาพเคลื่อนไหวอย่างง่าย: จำลองแสงสีเขียวที่สี่แยกรถไป แสงสีแดงเปิดอยู่รถจะหยุดรถและเอฟเฟกต์ภาพเคลื่อนไหวค่อนข้างหยาบสำหรับการอ้างอิงโดยผู้เริ่มต้น โปรแกรม HTML5 ไม่สนับสนุน IE ในปัจจุบัน
<br> เกมยิงหลังจากเริ่มเกม <br> คลิกวัตถุที่ตกลงมาด้วยเมาส์และสามารถยิงวัตถุระเบิดได้ เกมที่สร้างขึ้นมีคุณภาพดีและภาพเคลื่อนไหวที่ราบรื่น โปรดใช้เบราว์เซอร์ Firefox หรือ Chrome สำหรับการทดสอบ <br> รุ่นต่อไปนี้ของ IE8 ไม่สามารถเรียกใช้เกมนี้ได้ <br> แม้ว่าฟังก์ชั่นเกมจะไม่ทรงพลัง แต่ก็ใช้ทักษะพื้นฐานใน HTML5 <br> <br> <br> นอกจากนี้คลาส JS ที่ดำเนินการเกมบางแห่งยังต้องการเป็นตัวเลือกที่ดี <br> <br>
ขึ้นอยู่กับอินสแตนซ์ที่เก็บข้อมูลออฟไลน์ HTML5 เมื่อโหลดหน้าเว็บแอปพลิเคชันใช้ฟังก์ชัน ONLOAD เพื่อตรวจสอบว่าข้อมูลที่เกี่ยวข้องอยู่ในพื้นที่แคชท้องถิ่นแล้วและจะเพิ่มหน้าต่างต้อนรับเพิ่มฟังเหตุการณ์ใน <br> <br> และฟังเหตุการณ์การจัดเก็บ แอปพลิเคชันสามารถตอบสนองต่อการเปลี่ยนแปลง LocalStorage และตรวจสอบว่าเบราว์เซอร์รองรับฟังก์ชั่น LocalStorage ตั้งค่าข้อมูลเป็นแคชข้อมูลที่ชัดเจนและฟังก์ชั่นอื่น ๆ
</span> </td>
</tr>
</table>
<ภาษาสคริปต์ = "vbscript">
สลัวสีแดง, gre, blu
สลัว x, y, z
สีแดง = 255
GRE = 255
blu = 0
z = 100
sub window_onload ()
โทรหา mybody.filters.light.addpoint (0,0, z, สีแดง, gre, blu, 100)
mybody.style.cursor = "Hand"
สิ้นสุดย่อย
sub document_onmousemove ()
x = window.event.x
y = window.event.y
โทรหา mybody.filters.light.movelight (0, x, y, 100, 1)
สิ้นสุดย่อย
</script>
<ภาษาสคริปต์ = "JavaScript">
// นี่คือฟังก์ชั่นในการย้ายเลเยอร์
ฟังก์ชั่น move_layer ()
-
layer1.style.left = event.clientx+document.body.scrollleft-50;
layer1.style.top = event.clienty+document.body.scrolltop-20;
-
// สิ่งที่เราหมายถึงที่นี่คือถ้าเมาส์เคลื่อนที่ฟังก์ชั่น "move_layer" เรียกว่า
document.onmousemove = move_layer;
</script>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน