Artikel ini menjelaskan metode muncul div div latar belakang yang terpusat oleh JS+CSS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode 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">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> js+css muncul lapisan div div latar belakang yang terpusat </iteme>
<type style = "text/css">
tubuh {margin: 0px;}
#bg {lebar: 100%; tinggi: 100%; atas: 0px; kiri: 0px; posisi: absolute; filter: alpha (opacity = 50); opacity: 0,5; Latar Belakang:#000000; Tampilan: Tidak Ada;}
#popbox {position: absolute; lebar: 400px; Tinggi: 400px; Kiri: 50%; Atas: 50%; margin: -200px 0 0 -200px; Tampilan: Tidak Ada; Latar belakang:#666666;}
</tyle>
<type skrip = "Teks/JavaScript">
fungsi pupopen () {
document.geteLementById ("bg"). style.display = "block";
document.geteLementById ("popbox"). style.display = "block";
}
fungsi pupclose () {
document.geteLementById ("bg"). style.display = "none";
document.getElementById ("PopBox"). style.display = "none";
}
</script>
</head>
<body>
</br>
Lapisan pop-up CSS, atau jendela pop-up, memiliki kotak pop-up latar belakang yang tembus cahaya, sangat cocok untuk login situs web, pendaftaran pengguna, dan petunjuk pengumuman. </br> yaitu dan ff, op dapat keduanya ~ jendela pop-up, latar belakangnya tembus cahaya </br>
Prinsip: Dua lapisan, satu memiliki tinggi dan lebar 100%, dan yang lainnya adalah konten spesifik dari jendela yang ingin Anda muncul. </br> Transmensi serial digunakan dalam IE: filter: alpha (opacity = 60); Dalam Opacity Gunakan Non -e: 0,60;
</br> </br> <a href = "#" onclick = "pupopen ()"> klik di sini untuk membuka jendela </a>
<Div id = "bg"> </div>
<Div id = "PopBox"> Dua lapisan, satu memiliki tinggi dan lebar 100%, dan yang lainnya adalah konten spesifik dari jendela yang ingin Anda muncul. Translucent digunakan dalam IE: filter: alpha (opacity = 60); Dalam Opacity Gunakan Non -e: 0,60;
<br>
<br>
<br>
<a href = "#" onclick = "pupclose ()"> klik untuk menutup jendela </a>
</div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.