Setiap orang telah melihat iklan berbahaya dalam tingkat tertentu, dan Anda menutupnya dan keluar lagi! Kenapa, JS akan memberitahumu
Html
<hody> <h3> kotak pop-up yang tidak tertutup, Xiaoqiang mayat hidup! </h3> <div id = "middlebox"> <a href = "javascript :;" id = "closebtn"> <img src = "gambar/close_icon.png"> </a> <ul> <li> <a href = "/"> <img src = "gambar/icon_tel.gif"> <span> Call </span> </a> </li> <li> <a href = "/" src = "gambar/icon_chat.gif"> <span> tinggalkan pesan cepat </span> </a> </li> </div> </body>
CSS
*{margin: 0; Padding: 0; List-style: tidak ada; Garis Besar: Tidak Ada; Ukuran kotak: kotak perbatasan; Text-Decoration: none;} a {-webkit-touch-callout: none; Dekorasi Teks: None}: Focus {Outline: 0} Body {Font-Family: Helvetica, Stheiti, "Microsoft Yahei", Sans-Serif; Warna: #595757; Latar Belakang-Color: #FFF; Garis Besar: 0; overflow-x: tersembunyi; -webkit-tap-highlight-color: rgba (0,0,0,0);} img {border: none;}. whitecolor {color: #ffff; text-align: center;}. flex_parent {display: -webkit-box; Tampilan: -Moz -box; Tampilan: -MS -FLEXBOX; Tampilan: -webkit -flex; Tampilan: Flex;}. Flex_Child {-webkit-box-flex: 1; -Moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}/*middle_box*/body {position: relatif; latar belakang-warna: #272822;} #MiddleBox {width: 260px; Tinggi: 248px; margin: 0 otomatis; latar belakang-gambar: url (../ gambar/irfa_dog.jpg); Latar belakang-repeat: No-Repeat; Ukuran latar belakang: 100% 100%; Border-Radius: 10px; /*Pusat vertikal horizontal*/ posisi: diperbaiki; Kiri: 50%; Atas: 50%; margin -top: -124px; -webkit-transform: translatex (-50%); -Moz-transform: translatex (-50%); -o-transform: translatex (-50%); -MS-Transform: translatex (-50%); transformasi: translatex (-50%); z-index: 100;}. close_btn {display: block; meluap: tersembunyi; Posisi: Absolute; Atas: -10px; kanan: -10px;}. Will_close {width: 32px;}#MiddleBox A {overflow: tersembunyi;}#middlebox A IMG,#Middlebox A Span,#MiddleBox Ul Li {float: left;}#MiddleBox A span {font -size: 16px; Warna: #ffff;}#MiddleBox UL {overflow: Hidden;}#MiddleBox ul li {width: 130px;}#Middlebox ul li a {line-height: 50px; Tampilan: Blok; padding-left: 5px;}#Middlebox ul li a img {width: 30px; margin-kanan: 2px; margin-top: 8px; margin-left: 5px;}. btn_tel {latar belakang-warna: #f92665; border-bottom-left-radius: 10px;}. btn_chat {latar belakang-warna: #1EA362; Border-Bottom-Right-Radius: 10px;}. Parent_btn {Posisi: Absolute; Kiri: 0; Bawah: 0;}JS
/*** Dibuat oleh Administrator pada 2016/7/19. */var adv = {div: null, timer: null, btn: null, init: function () {this.btn = document.geteLementById ("closeBtn"); this.div = document.getElementById ("middlebox"); this.btn.onClick = this.displaynone; }, displayBlock: function () {adv.div.style.display = "block"; }, displaynone: function () {adv.div.style.display = "none"; timer = setTimeout (function () {adv.displayBlock ();}, 3000); }}; window.onload = function () {adv.init ();};Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.