Todo mundo viu anúncios maliciosos em certo grau, e você o fecha e sai novamente! Por que, JS vai te dizer
Html
<Body> <H3> A caixa pop-up não-clossa, a Xiaoqiang! id = "closebtn"> <img src = "imagens/close_icon.png"> </a> <ul> <li> <a href = "/"> <img src = "imagens/icon_tel.gif"> <pla> Call </span> </a> </li> <li> <ahref = src = "Images/icon_chat.gif"> <pan> deixe uma mensagem rápida </span> </a> </li> </div> </body>
CSS
*{margem: 0; preenchimento: 0; estilo de lista: nenhum; Esboço: Nenhum; Timing de caixa: caixa de fronteira; Decoração de texto: nenhuma;} a {-webkit-touch-calout: Nenhum; Decoração de texto: nenhum}: foco {esboço: 0} corpo {font-family: helvetica, stheiti, "Microsoft yahei", sans-serif; Cor: #595757; Background-Color: #FFF; Esboço: 0; Overflow-x: Hidden; -Webkit-TAP-Highlight-Color: rgba (0,0,0,0);} img {borda: nenhum;}. whitecolor {color: #ffff; Text-align: Center;}. flex_parent {display: -webkit-box; exibição: -moz -box; Exibir: -ms -FlexBox; Exibir: -Webkit -Flex; Exibir: flex;}. flex_child {-webkit-box-flex: 1; -moz-box-flex: 1; -Webkit-Flex: 1; -ms-flex: 1; Flex: 1;}/*Middle_box*/Body {Position: relativo; Background-Color: #272822;} #MiddleBox {Width: 260px; Altura: 248px; margem: 0 automático; Imagem de fundo: URL (../ imagens/irfa_dog.jpg); Repetição de fundo: sem repetição; Size de fundo: 100% 100%; Radio de fronteira: 10px; /*Centro vertical horizontal*/ posição: fixado; Esquerda: 50%; TOP: 50%; Margin -top: -124px; -webkit-transform: translatex (-50%); -moz-transform: translatex (-50%); -o-transform: translatex (-50%); -ms-transform: translatex (-50%); Transform: translatex (-50%); Z-Index: 100;}. Close_btn {Display: Block; estouro: oculto; Posição: Absoluto; topo: -10px; à direita: -10px;}. Will_close {largura: 32px;}#MiddleBox A {Overflow: Hidden;}#MiddleBox A IMG,#MiddleBox A Span,#MiddleBox Ul Li {Float: Left;}#MiddleBox A Span {Font -Size: 16px; Cor: #ffff;}#MiddleBox UL {Overflow: Hidden;}#Middlebox Ul Li {Width: 130px;}#Middlebox ul li a {altura de linha: 50px; exibição: bloco; Potding-left: 5px;}#MiddleBox ul li a img {width: 30px; Margem-direita: 2px; Margin-top: 8px; margem-esquerda: 5px;}. btn_tel {background-color: #f92665; Radio-de-borboleta-esquerda: 10px;}. Btn_Chat {Background-Color: #1ea362; Radio-Right-Right-Right-Right: 10px;}. Parent_btn {Posição: Absolute; Esquerda: 0; Inferior: 0;}JS
/*** Criado pelo administrador em 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 ();};O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.