บทความนี้อธิบายเอฟเฟกต์หน้าต่างพรอมต์ป๊อปอัพอย่างง่ายของ JS ที่มุมล่างขวา แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! 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-ype" content = "text/html; charset = utf-8"/> <title> Padding: 0px; } html, body {ความสูง: 100%; } ร่างกาย {ตัวอักษรขนาด: 14px; ความสูงของสาย: 24px; } #tip {ตำแหน่ง: สัมบูรณ์; ขวา: 0px; ด้านล่าง: 0px; ความสูง: 0px; ความกว้าง: 180px; ชายแดน: 1px Solid #CCCCCC; พื้นหลังสี: #eeeeee; ช่องว่าง: 1px; ล้น: ซ่อน; แสดง: ไม่มี; ขนาดตัวอักษร: 12px; z-index: 10; } #tip p {padding: 6px; } #tip H1 {ตัวอักษรขนาด: 14px; ความสูง: 25px; ความสูงของสาย: 25px; พื้นหลังสี: #0066cc; สี: #FFFFF; Padding: 0PX 3PX 0PX 3PX; ตัวกรอง: อัลฟ่า (ความทึบ = 100); } #tip h1 a, #detail h1 a {float: ขวา; การตกแต่งข้อความ: ไม่มี; สี: #FFFFF; } </style> <script type = "text/javascript"> window.onload = function () {var divtip = document.createElement ("div"); divtip.id = "เคล็ดลับ"; divtip.innerhtml = "<h1> <a href = 'javascript: void (0)' onclick = 'start ()'> ปิด </a> ชื่อเรื่อง </h1> <p> <a href = 'javascript: void (0)' onclick = 'showwin () divtip.style.height = '0px'; divtip.style.bottom = '0px'; divtip.style.position = 'แก้ไข'; document.body.appendchild (divtip); } var handle; ฟังก์ชั่นเริ่มต้น (นับ) {var obj = document.getElementById ("เคล็ดลับ"); if (parseint (obj.style.height) == 0) {obj.style.display = "block"; handle = setInterval ("changeh ('up')", 20); } else {handle = setInterval ("Changeh ('down')", 20)}} ฟังก์ชั่นการเปลี่ยนแปลง (str) {var obj = document.all? document.all ["เคล็ดลับ"]: document.getElementById ("เคล็ดลับ"); //docuemnt.all ??????? if (str == "up") {ถ้า (parseint (obj.style.height)> 100) ClearInterval (ด้ามจับ); else obj.style.height = (parseint (obj.style.height) + 8) .tostring () + "px"; } if (str == "ลง") {ถ้า (parseint (obj.style.height) <8) {clearInterval (ด้ามจับ); obj.style.display = "ไม่มี"; } else obj.style.height = (parseint (obj.style.height) - 8) .tostring () + "px"; }} ฟังก์ชั่น showwin () {//document.getElementsByTaGname("html") [0.style.style.overflow = "ซ่อน"; เริ่ม(); } </script> </head> <body> <a href = "#" onclick = "start ()"> คลิก </a> </body> </html>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน