Artikel ini menjelaskan implementasi sederhana efek jendela mengambang oleh JS. Bagikan untuk referensi Anda, sebagai berikut:
Bagian html:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8"/> <title> unt titled document </title> <style type = "text/css/css" {title> dokumen unt titled </title> <style type = "text/css/css Padding: 0;} a img {border: 0;} </style> </head> <body> <div style = "tinggi: 2000px; latar belakang: #ccc; display: none;"> </div> <!-div id = "floatad" style = "posisi: fixed! Penting; posisi: absolute; _top: Eval (Document.DocumentElement.scrolltop+document.documentElement.clientHeight-this.offsetheight))); No-Repeat; style = "Width: 26px; Tinggi: 26px; float: right;"> </div> <div onclick = "open_online ();"> </div> </div> <div id = "floatside" style = "width: 141px; Tinggi: 579px; posisi: tetap! Penting; Posisi: Posisi: absolute; _top: Evaluasi (Document.DocumentElement.scrolltop+document.documentElement.clientHeight-this.offsetheight))); OnClick = "open_online ();> </div-> </body> </html> <script type =" text/javascript "src =" online.js "> </script>Bagian JS:
// Dokumen JavaScript // Gambar iklan mengambang var floatadimg = "gambar/onlinesay.jpg"; // floating sidebar gambar var floatsideimg = "gambar/onlinetel.gif"; // buka fungsi komunikasi online open_online () { window.open ('http://p.qiao.baidu.com//im/index?siteId=7342332&ucid=7601325');} // dokumen iklan mengambang. _TOP: Evaluasi (Document.DocumentElement.Scrolltop+Document.DocumentElement.ClientHeight-This.OffseHeight))); No-Repeat; 487px; style =/"lebar: 487px; tinggi: 320px; float: right;/" onClick = "open_online ();/"> </div> "); document.writeln (" </div> "); // dokumen sidebar mengambang. _TOP: Ekspresi (Document.DocumentElement.scrolltop+Document.DocumentElement.ClientHeight-This.offsetheight)))) Z-index: 99999; fungsi iklan mengambang closeFad () {document.geteLementById ('floatad'). style.display = 'none';} // buka fungsi iklan mengambang showfad () {document.geteLementById ('floatad'). style.display = 'block';} // buka fungsi jendela floating () {document.display = 'block'). 'Block';} // Buka Window Function ShowFloat () {document.getElementById ('floatad'). style.display = 'block';} // buka jendela selama 20 detik dan hanya menjalankan setTimeout sekali (showfad, 20000); // buka setInterval (showfloat, 30000);Rendering adalah sebagai berikut:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Structures dan keterampilan algoritma "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.