誰もがある程度悪意のある広告を見てきましたが、あなたはそれを閉じて再び出てきます!なぜ、JSがあなたに言うでしょう
HTML
<body> <h3>閉じられていないポップアップボックス、アンデッド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 = "images/icon_chat.gif"> <span>クイックメッセージを残します</span> </a> </li> </div> </body>
CSS
*{マージン:0;パディング:0;リストスタイル:なし;アウトライン:なし;ボックスサイズ:ボーダーボックス;テキストデコレーション:なし;} a {-webkit-touch-callout:none;テキストゼア:なし}:Focus {outline:0} body {font-family:helvetica、stheiti、 "Microsoft yahei"、sans-serif;色:#595757;バックグラウンドカラー:#fff;アウトライン:0; Overflow-X:非表示; -webkit-tap-highlight-color:rgba(0,0,0,0);} img {border:none;}。whitecolor {color:#ffff; TEXT-ALIGN:center;}。flex_parent {display:-webkit-box;表示:-moz -box;表示:-ms -flexbox;ディスプレイ:-WebKit -Flex;ディスプレイ:flex;}。flex_child {-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}/*middle_box*/body {position:relative;バックグラウンドカラー:#272822;}#middlebox {width:260px;高さ:248px;マージン:0 Auto;背景イメージ:url(../ images/irfa_dog.jpg);バックグラウンドリピート:ノーリピート。バックグラウンドサイズ:100%100%;ボーダーラジウス:10px; /*水平垂直センタリング*/位置:固定。左:50%;トップ:50%;マージントップ:-124px; -webkit-transform:translatex(-50%); -moz-transform:transtex(-50%); -o-transform:translatex(-50%); -ms-transform:translatex(-50%);変換:translatex(-50%); z-index:100;}。close_btn {display:block;オーバーフロー:隠し;位置:絶対;トップ:-10px;右:-10px;}。will_close{width:32px;}#middlebox a {overflow:hidden;}#middlebox a img、#middlebox a span、#middlebox ul li {float:left;}色:#ffff;}#Middlebox UL {Overflow:Hidden;}表示:ブロック;パディング左:5px;}#middlebox ul li a img {width:30px;マージン右:2px;マージントップ:8px;マージン左:5px;}。btn_tel {background-color:#f92665; Border-Bottom-left-radius:10px;}。btn_chat {background-color:#1ea362; Border-Bottom-Right-Radius:10px;}。左:0;下:0;}JS
/*** 2016/7/19に管理者によって作成されました。 */var adv = {div:null、タイマー: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 = setimeout(function(){adv.displayblock();}、3000); }}; window.onload = function(){adv.init();};上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。