Все видели злонамеренную рекламу в определенной степени, и вы закрываете ее и выйдете снова! Почему, JS скажет вам
HTML
<body> <h3> Непочтеное всплывающее окно, нежить xiaoqiang! </h3> <div id = "middlebox"> <a href = "javascript:;" id = "closeBtn"> <img src = "Image/close_icon.png"> </a> <ul> <li> <a href = "/"> <img src = "Images/icon_tel.gif"> <pan> call </span> </a> </li> <li> <href = "/" src = "Images/icon_chat.gif"> <pan> Оставьте быстрое сообщение </span> </a> </li> </div> </body>
CSS
*{маржа: 0; Заполнение: 0; Список стиля: нет; Схема: нет; Распределение коробки: пограничная коробка; Текстовое декорация: нет;} a {-webkit-touch-callout: none; Текстовое декорация: none}: фокусировать {oupline: 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; -Моз-box-flex: 1; -Webkit-flex: 1; -ms-flex: 1; Flex: 1;}/*middle_box*/body {position: относительно; фоновый цвет: #272822;} #Middlebox {ширина: 260px; Высота: 248px; Поле: 0 Авто; фоновая image: url (../ Images/irfa_dog.jpg); Восновная переписка: без повторения; Разовый размер: 100% 100%; граница радий: 10px; /*Горизонтальное вертикальное центрирование*/ положение: фиксированное; Слева: 50%; Верх: 50%; маржинальная версия: -124px; -Вебкит-трансформ: transtatex (-50%); -moz-transform: transtatex (-50%); -o-transform: transtatex (-50%); -ms-transform: transtatex (-50%); Преобразование: transtatex (-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:}}#middlebox a span {font -size: 16px; Color: #ffff;}#middlebox ul {overflow: hidden;}#middlebox ul li {width: 130px;}#middlebox ul li a {line-hight: 50px; дисплей: блок; Накладки-лето: 5px;}#middlebox ul li a img {width: 30px; Право маржи: 2PX; маржинальная версия: 8px; Margin-Lefft: 5px;}. Btn_tel {фоновое цветное: #f92665; пограничный-левый-радий: 10px;}. Btn_chat {фоновый цвет: #1EA362; Бортово-правый-радий: 10px;}. Parent_btn {position: Absolute; слева: 0; внизу: 0;}Младший
/*** Создано администратором 7/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 больше.