บทความนี้อธิบายวิธีการของ JS เพื่อให้ได้เอฟเฟกต์การกระพริบอย่างต่อเนื่องของการคลิกข้อความที่สอดคล้องกับเลเยอร์ DIV แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
เรามักจะเห็นผลกระทบนี้ในเว็บไซต์ความบันเทิงหลายแห่ง คลิกที่ข้อความในสี่เหลี่ยมบนหน้าเว็บแล้วทั้งสี่เหลี่ยมทั้งหมดจะกระพริบ มันเป็นเอฟเฟกต์แบบไดนามิกที่ดีมากและสามารถดึงดูดความสนใจของลูกค้าได้อย่างง่ายดาย รหัสนี้ตระหนักถึงผลกระทบนี้ หลังจากคลิกที่สี่เหลี่ยมจัตุรัสสี่เหลี่ยมจะกะพริบ
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JS ตระหนักถึงการคลิกข้อความที่สอดคล้องกับ Div Layer Flashing </title>
<style type = "text/css">
#Box {ตำแหน่ง: สัมบูรณ์; ด้านบน: 50%; ซ้าย: 50%; สี: #FFFF; ความกว้าง: 200px; ความสูง: 200px; พื้นหลัง: สีแดง; เคอร์เซอร์: ตัวชี้; ระยะห่างจดหมาย: 5px; เทสต์-ลิขสิทธิ์: ตรงกลาง; ตัวอักษร: 12px/200px Arial;
</style>
<script type = "text/javascript">
window.onload = function ()
-
var obox = document.getElementById ("Box");
ตัวจับเวลา var = null;
obox.onclick = function ()
-
var i = 0;
ClearInterval (ตัวจับเวลา);
timer = setInterval (ฟังก์ชัน () {
obox.style.display = i ++ % 2? "ไม่มี": "บล็อก";
i> 6 && (ClearInterval (ตัวจับเวลา))
}, 80)
-
-
</script>
</head>
<body>
<div id = "box"> wulin.com เตือน: ถ้าคุณกล้าคลิกที่ฉันฉันกล้าที่จะแฟลช </div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน