ทุกคนได้เห็นโฆษณาที่เป็นอันตรายในระดับหนึ่งและคุณปิดมันและออกมาอีกครั้ง! ทำไม 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> src = "images/icon_chat.gif"> <span> ฝากข้อความด่วน </span> </a> </li> </div> </body>
CSS
*{มาร์จิ้น: 0; Padding: 0; รายการสไตล์: ไม่มี; โครงร่าง: ไม่มี; การปรับขนาดกล่อง: กล่องชายแดน; การกำหนดข้อความ: ไม่มี;} a {-webkit-touch-callout: ไม่มี; การกำหนดข้อความ: ไม่มี}: โฟกัส {โครงร่าง: 0} ร่างกาย {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-ALGING: 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 {ตำแหน่ง: ญาติ; พื้นหลังสี: #272822;} #middlebox {width: 260px; ความสูง: 248px; มาร์จิ้น: 0 อัตโนมัติ; พื้นหลัง-ภาพ: url (../ images/irfa_dog.jpg); พื้นหลังซ้ำ: ไม่ทำซ้ำ; ขนาดพื้นหลัง: 100% 100%; แนวชายแดน: 10px; /*ศูนย์กลางแนวตั้งตรงกลาง*/ ตำแหน่ง: แก้ไข; ซ้าย: 50%; ด้านบน: 50%; ระยะขอบด้านบน: -124px; -webkit-transform: translatex (-50%); -moz-transform: translatex (-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,#middlebox ul li {float: ซ้าย;}#middlebox a span {ตัวอักษรขนาด: 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; ขอบซ้าย: 5px;}. btn_tel {พื้นหลังสี: #f92665; ชายแดน-ซ้าย-ซ้าย-ไรเดอัส: 10px;}. BTN_CHAT {พื้นหลังสี: #1EA362; ขอบล่าง-ขวา-ขวา: 10px;}. parent_btn {ตำแหน่ง: สัมบูรณ์; ซ้าย: 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 = "ไม่มี"; timer = settimeout (function () {adv.displayblock ();}, 3000); }}; window.onload = function () {adv.init ();};ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น