Jeder hat in gewissem Maße böswillige Anzeigen gesehen, und Sie schließen sie und kommen wieder heraus! JS wird es dir sagen
Html
<body> <h3> Das nicht abgestellte Pop-up-Box, das untote xiaoqiang! 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 = "Bilder/icon_chat.gif"> <span> Hinterlassen Sie eine schnelle Nachricht </span> </a> </li> </div> </body>
CSS
*{Margin: 0; Polsterung: 0; Listenstil: Keine; Umriss: Keine; Kastengrößen: Border-Box; Textdekoration: Keine;} a {-webkit-touch-callout: Keine; Textdekoration: Keine}: Fokus {Umriss: 0} Körper {Schriftfamilie: Helvetica, Stheiti, "Microsoft Yahei", sans-serif; Farbe: #595757; Hintergrundfarbe: #fff; Umriss: 0; Überlauf-X: versteckt; -Webkit-Tap-Highlight-Color: RGBA (0,0,0,0);} img {Border: Keine;}. WhiteColor {color: #ffff; text-align: center;}. flex_parent {display: -webkit-box; Anzeige: -moz -box; Anzeige: -ms -flexbox; Anzeige: -Webkit -flex; Anzeige: flex;}. flex_child {-webkit-box-flex: 1; -moz-box-flex: 1; -Webkit-flex: 1; -ms-flex: 1; Flex: 1;}/*Middle_box*/body {Position: Relativ; Hintergrundfarbe: #272822;} #MiddleBox {Breite: 260px; Höhe: 248px; Rand: 0 Auto; Hintergrund-Image: URL (../ Bilder/irfa_dog.jpg); Hintergrundrepeat: No-Repeat; Hintergrundgröße: 100% 100%; Border-Radius: 10px; /*Horizontale vertikale Zentrierung*/ Position: fest; Links: 50%; Top: 50%; Rand: -124px; -Webkit-transform: Translatex (-50%); -moz-transform: translatex (-50%); -O-Transformation: Translatex (-50%); -ms-transform: Translatex (-50%); Transformation: Translatex (-50%); Z-Index: 100;}. close_btn {display: block; Überlauf: versteckt; Position: absolut; Top: -10px; Rechts: -10px;}. Farbe: #ffff;}#MiddleBox UL {Überlauf: Hidden;}#MiddleBox UL Li {Breite: 130px;}#MiddleBox UL Li a {Zeilenhöhe: 50px; Anzeige: Block; Padding-Links: 5px;}#Middlebox ul li a img {width: 30px; Rand-Rechts: 2px; Rand: 8px; Rand-Links: 5px;}. Btn_tel {Hintergrundfarbe: #F92665; Border-Bottom-Left-Radius: 10px;}. Btn_Chat {Hintergrundfarbe: #1EA362; Border-Bottom-Right-Radius: 10px;}. parent_btn {Position: absolut; links: 0; unten: 0;}JS
/*** Erstellt vom Administrator am 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 ();};Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.