¡Todos han visto anuncios maliciosos en cierto grado, y lo cierras y sales de nuevo! Por qué, JS te dirá
Html
<Body> <H3> El cuadro emergente no cerrado, el Undead Xiaoqiang! </h3> <div id = "middlebox"> <a href = "javascript :;" id = "CloseBtn"> <img src = "Images/Close_icon.png"> </a> <ul> <li> <a href = "/"> <img src = "Images/icon_tel.gif"> <span> call </span> </a> </li> <li> <a href = "/"> <img src = "imágenes/icon_chat.gif"> <span> Deja un mensaje rápido </span> </a> </li> </div> </body>
CSS
*{margen: 0; relleno: 0; Estilo de lista: Ninguno; Esquema: ninguno; dimensionamiento de la caja: border-box; TEXT-DECORACIÓN: Ninguno;} a {-webkit-touch-challout: none; Text-Decoration: None}: Focus {Outline: 0} Body {Font-Family: Helvetica, Stheiti, "Microsoft Yahei", sans-serif; Color: #595757; Color de fondo: #fff; Esquema: 0; desbordamiento-x: oculto; -webkit-tap-highlight-color: rgba (0,0,0,0);} img {border: none;}. whitecolor {color: #ffff; Text-Align: Center;}. Flex_Parent {display: -webkit-box; Display: -Moz -Box; Display: -ms -Flexbox; Display: -Webkit -Flex; Display: Flex;}. Flex_child {-webkit-box-fllex: 1; -Moz-Box-Flex: 1; -WebKit-Flex: 1; -Ms-Flex: 1; flex: 1;}/*middle_box*/body {posición: relativo; Color de fondo: #272822;} #middlebox {width: 260px; Altura: 248px; margen: 0 auto; background-image: url (../ images/irfa_dog.jpg); Background-Repeat: sin repetición; tamaño de fondo: 100% 100%; Border-Radius: 10px; /*centrado vertical horizontal*/ posición: fijo; Izquierda: 50%; arriba: 50%; margen -top: -124px; -Webkit-transform: traduceX (-50%); -Moz-Transform: traduceX (-50%); -o-transform: traduceX (-50%); -ms-transform: traduceX (-50%); Transform: traduceX (-50%); Z-índice: 100;}. Close_Btn {Display: Block; desbordamiento: oculto; Posición: Absoluto; arriba: -10px; Right: -10px;}. Will_Close {Width: 32px;}#MiddleBox a {Overflow: Hidden;}#MiddleBox A img,#MiddleBox A Span,#MiddleBox Ul Li {float: Left;}#MiddleBox a Span {font -size: 16px; color: #ffff;}#middlebox ul {Overflow: Hidden;}#middlebox ul li {width: 130px;}#middlebox ul li a {line-height: 50px; Pantalla: bloque; Padding-izquierda: 5px;}#Middlebox ul li a img {ancho: 30px; margen-derecha: 2px; margen-top: 8px; margen-izquierda: 5px;}. btn_tel {background-color: #f92665; Border-Bottom-Left-Radius: 10px;}. Btn_chat {Background-Color: #1EA362; border-fondo-derecho-radio: 10px;}. parent_btn {posición: absoluto; Izquierda: 0; Abajo: 0;}Js
/*** Creado por el administrador el 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 = "bloque"; }, DisplayNone: function () {adv.div.style.display = "Ninguno"; timer = setTimeOut (function () {adv.displayBlock ();}, 3000); }}; window.onload = function () {adv.init ();};Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.