Artikel ini menjelaskan efek jendela pop-up yang sederhana dari JS di sudut kanan bawah. Bagikan untuk referensi Anda, sebagai berikut:
<! 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"/> <iteme> aa </title> <style type = "text/csssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss Sebelum padding: 0px; } html, body {height: 100%; } body {font-size: 14px; Line-Height: 24px; } #tip {position: absolute; Kanan: 0px; Bawah: 0px; Tinggi: 0px; Lebar: 180px; Perbatasan: 1px solid #cccccc; latar belakang-warna: #eeeeee; padding: 1px; meluap: tersembunyi; Tampilan: Tidak Ada; font-size: 12px; z-index: 10; } #tip p {padding: 6px; } #tip h1 {font-size: 14px; Tinggi: 25px; Line-Height: 25px; latar belakang-warna: #0066cc; Warna: #FFFFF; padding: 0px 3px 0px 3px; filter: alpha (opacity = 100); } #tip h1 a, #detail h1 a {float: benar; Dekorasi Teks: Tidak Ada; Warna: #FFFFF; } </tyle> <script type = "text/javascript"> window.onload = function () {var divtip = document.createElement ("div"); divtip.id = "tip"; divtip.innerHtml = "<h1> <a href = 'javascript: void (0)' ontClick = 'start ()'> tutup </a> judul </h1> <p> <a href = 'javascript: void (0)' onclick = 'showwin ()'> konten </a> </poid (0) 'Onclick =' showwin () '> Content </a> </poid (0)'; divtip.style.height = '0px'; divtip.style.bottom = '0px'; divtip.style.position = 'tetap'; Document.Body.AppendChild (Divtip); } var handle; fungsi start (count) {var obj = document.geteLementById ("tip"); if (parseInt (obj.style.height) == 0) {obj.style.display = "block"; handle = setInterval ("changeH ('up')", 20); } else {handle = setInterval ("changeH ('down')", 20)}} function changeHh (str) {var obj = document.all? document.all ["Tip"]: document.getElementById ("tip"); //docuemnt.all ??????? if (str == "up") {if (parseInt (obj.style.height)> 100) clearinterval (handle); lain obj.style.height = (parseInt (obj.style.height) + 8) .tostring () + "px"; } if (str == "down") {if (parseInt (obj.style.height) <8) {clearInterval (handle); obj.style.display = "none"; } else obj.style.height = (parseInt (obj.style.height) - 8) .toString () + "px"; }} function showwin () {//document.geteLementsByTagname("html")$ 00$.style.overflow = "hidden"; awal(); } </script> </head> <body> <a href = "#" onclick = "start ()"> klik </a> </body> </html>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Teknik Animasi dan Teknik JavaScript," Ringkasan Ringkasan Data Javascript dan Ringkasan Data Javascript "," Ringkasan Data JavaScript "," Ringkasan Data JavaScript "," Ringkasan DEBUGRITM PENGABUNG DAN RINGKASI DAGGING "RINGKASI DAN RINGKASAN DATRICKS" RINGKASI DAN RINGKASI DAGGING "RINGKASI DAN RINGKASI DAGGING" RINGKAS Algoritma dan teknik traversal javascript ", dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.