誰もがある程度悪意のある広告を見てきましたが、あなたはそれを閉じて再び出てきます！なぜ、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をもっとサポートすることを願っています。