javascript实现无法关闭的弹框

前端之家收集整理的这篇文章主要介绍了javascript实现无法关闭的弹框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

大家都见过某网页中的恶意广告,你关闭了又出来了!为何,JS来告诉你

HTML

关闭的弹框,打不死的小强!

CSS

Box-sizing: border-Box; text-decoration: none; } a { -webkit-touch-callout: none; text-decoration: none } :focus { outline: 0 } body{ font-family: Helvetica,STHeiTi,"Microsoft YaHei",sans-serif; color: #595757; background-color: #fff; outline: 0; overflow-x: hidden; -webkit-tap-highlight-color:rgba(0,0); } img{ border: none; } .whiteColor{ color: #fff; text-align: center; } .flex_parent{ display: -webkit-Box; display: -moz-Box; display: -ms-flexBox; display: -webkit-flex; display: flex; } .flex_child{ -webkit-Box-flex: 1; -moz-Box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /*middle_Box*/ body{ position: relative; background-color: #272822; } #middleBox{ width: 260px; height: 248px; margin: 0 auto; background-image: url(../images/irfa_dog.jpg); background-repeat: no-repeat; background-size: 100% 100%; border-radius: 10px; /*水平垂直居中*/ position: fixed; left: 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; overflow: hidden; position: absolute; top: -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: #fff; } #middleBox ul{ overflow: hidden; } #middleBox ul li{ width: 130px; } #middleBox ul li a{ line-height: 50px; display: block; padding-left: 5px; } #middleBox ul li a img{ width:30px; margin-right: 2px; margin-top: 8px; margin-left: 5px; } .btn_tel{ background-color: #F92665; border-bottom-left-radius: 10px; } .btn_chat{ background-color: #1EA362; border-bottom-right-radius: 10px; } .parent_btn{ position: absolute; left: 0; bottom: 0; }

JS

Box"); 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(); };

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/js/44131.html

猜你在找的JavaScript相关文章