Copy kode kodenya sebagai berikut:
<html>
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Dokumen Tanpa Judul</title>
<gaya tipe="teks/css">
<!--
*{font-size:12px;font-family:Verdana, Jenewa, sans-serif;line-height:14px}
a{warna:#039}
a:arahkan kursor{warna:#f60}
.pop{position:absolute;left:40%;top:40%;width:300px;height:100px;background:#eee;border:1px solid #ccc}
.pop_head{posisi:relatif;tinggi:20px;latar belakang:#ccc}
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_head a:hover{color:#f60;teks-dekorasi:none}
.pop_body{padding:8px}
-->
</gaya>
</kepala>
<tubuh>
<!--Pertama atur lapisan:-->
<div id="pop" style="display:none" onclick="show(acara,'pop');">
<div><a href="javascript:void(0);" onclick="hide('pop')">Tutup</a></div>
<div>Terima kasih telah berkunjung...</div>
</div>
<!--Tombol lapisan popup:-->
<a href="javascript:void(0);" onclick="show( event ,'pop');"> Tombol pop</a>
<skrip tipe="teks/javascript">
var url = '#';
pertunjukan fungsi(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
var o = dokumen.getElementById(o);
o.gaya.tampilan = "";
}
fungsi sembunyikan(o){
var o = dokumen.getElementById(o);
o.style.display = "tidak ada";
jendela.lokasi = url;
}
dokumen.onclick=function(){hide('pop');}
</skrip>
</tubuh>
</html>
Meringkaskan:
1. Saat memanggil metode pop-up, masukkan objek acara: event.
2. Tambahkan kode pengikatan acara ke metode pop-up.
3. Perlu ada kode js global yang digunakan untuk memanggil metode penyembunyian layer pop-up saat diklik pada bagian lain.