บทความนี้อธิบายถึงการใช้เอฟเฟกต์หน้าต่างลอยตัวอย่างง่ายโดย JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
ส่วน HTML:
<! 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: 0;} a img {border: 0;} </style> </head> <body> <div style = "ความสูง: 2000px; พื้นหลัง: #ccc; แสดง: ไม่มี;"> </div> <!-div id = "floatad" style = " _top: Everion (document.documentelement.scrolltop+documentEntElement.colientHeight-this.offsetheight); ไม่มีการทำซ้ำ; style = "ความกว้าง: 26px; ความสูง: 26px; ลอย: ขวา;"> </div> <div onclick = "open_online ();"> </div> </div> <div id = "floatside" style = "ความกว้าง: 141px; ความสูง: 579px; ตำแหน่ง: _top: Expression (document.documentelement.scrolltop+document.documentelement.clientheight-this.offsetheight); onclick = "open_online ();> </div-> </body> </html> <script type =" text/javascript "src =" online.js "> </script>JS Part:
// เอกสาร JavaScript // ภาพโฆษณาลอยตัว var floatadimg = "images/onlinesay.jpg"; // floating แถบด้านข้างรูปภาพ var var var floatsideimg = "ications/onlinetel.gif"; // เปิดฟังก์ชั่นการสื่อสารออนไลน์ open_online () { window.open ('http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325');} // เอกสารโฆษณาลอยตัว. _top: express (document.documentelement.scrolltop+documente ไม่มีการทำซ้ำ; style =/"width: 487px; ความสูง: 320px; float: ขวา;/" onclick =/"open_online ();/"> </div> "); document.writeln (" </div> "); _top: Expression (document.documentelement.scrolltop+DocumentEncumentElement.ClientHeight-this.offsetheight); onclick =/"open_online ();/"> </div> "); // ปิดฟังก์ชั่นโฆษณาลอยตัว closefad () {document.getElementById ('floatad'). style.display = 'none';} // floating function function '{docinder -stylement showfloat () {document.getElementById ('floatad'). style.display = 'block';} // เปิดฟังก์ชั่นหน้าต่าง showfloat () {document.getElementById ('floatad') style.display = 'block';} // เปิดหน้าต่างสำหรับ 20 วินาที setInterval (showfloat, 30000);การเรนเดอร์มีดังนี้:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน