لقد رأى الجميع إعلانات ضارة بدرجة معينة ، وتغلقها وتخرج مرة أخرى! لماذا ، سوف يخبرك JS
HTML
<Body> <h3> المربع المنبثق غير المُخفف ، XiaoQiang! </h3> <div id = "middlebox"> <a href = "javaScript: ؛" id = "extrebtn"> <img src = "images/elief_icon.png"> </a> <ul> <li> <a href = "/"> <img src = "images/icon_tel.gif"> <span> call </span> </a> </li> <li> <a href = src = "الصور/icon_chat.gif"> <span> اترك رسالة سريعة </span> </a> </li> </viv> </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: Hidden ؛ -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 ؛ Display: -MS -Flexbox ؛ العرض: -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 {الموضع: النسبية ؛ خلفية اللون: #272822 ؛} #middlebox {width: 260px ؛ الارتفاع: 248 بكسل ؛ الهامش: 0 Auto ؛ صورة الخلفية: url (../ images/irfa_dog.jpg) ؛ تكرار الخلفية: عدم التكرار ؛ حجم الخلفية: 100 ٪ 100 ٪ ؛ الحدود الحدودية: 10px ؛ /*توسيط عمودي أفقي*/ الموضع: ثابت ؛ اليسار: 50 ٪ ؛ أعلى: 50 ٪ ؛ الهامش: -124px ؛ -webkit-transform: Translatex (-50 ٪) ؛ -moz-transform: Translatex (-50 ٪) ؛ -O التحول: 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 ،#middbox ul li {float: left ؛}#middlebox a span {font -size: 16px ؛ اللون: #ffff ؛}#middlebox ul {overflow: hidden ؛}#middlebox ul li {width: 130px ؛}#middlebox ul li a {line-height: 50px ؛ العرض: كتلة ؛ Padding-Left: 5px ؛}#Middlebox ul li a img {width: 30px ؛ الهامش اليمين: 2px ؛ الهامش: 8px ؛ Margin-Left: 5px ؛}. Btn_tel {background-color: #f92665 ؛ Border-Bottom-Left-Radius: 10px ؛}. Border-Bottom-Radius: 10px ؛}. parent_btn {الموضع: Absolute ؛ اليسار: 0 ؛ القاع: 0 ؛}JS
/*** تم إنشاؤه بواسطة المسؤول في 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 () ؛} ؛ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.