Dieser Artikel beschreibt den einfachen und benutzerfreundlichen Mobiltelefon-Schwimmfenster-Anzeigeeffekt. Teilen Sie es für Ihre Referenz wie folgt weiter:
HTML:
<style type = "text/css">. fdbontel {width: 100%; Höhe: 53px; Position: fest; Hintergrund:#0052AE; Text-Align: Mitte; links: 0; unten: 0; Z-Index: 999; } .fdonline {Hintergrund: URL (index/bilder/online.png) No-Repeat; Breite: 255px; Höhe: 181px; Position: fest; Links: 50%; Rand-Links: -128px; Top: 40%; Z-Index: 999; Border-Radius: 15px; Box-Shadow: 0 0 20px RGBA (10, 2, 4, 0,75);}. fdonline .fdoclose {width: 44px; Höhe: 44px; Anzeige: Block; Rand: -17px; Margin-Right: -6px;}. fdonline .fdotel {Hintergrund:#CF3; Breite: 127px; Höhe: 58px; Anzeige: Block; Randtop: 123px;}. fdonline .fdoon {Hintergrund:#036; Breite: 128px; Höhe: 58px; Anzeige: Block; Margin-Top: 96px;} </style> <div> <img src = "Index/Bilder/fdtel.gif" Usemap = "#maps"> <map name = "maps" id = "maps"> <area Shape = "rect" coords = "2,2,79,52" aufclick = "openZoosurl ();"; koords = "77,2,166,52" href = "Tel: 0855-8253310"> <Bereichsform = "RECHT" -KORCES = "166,4,242,51" Onclick = "OpenZoosurl (); </map> </div> <div id = "fdonline"> <a href = "###" onclick = "closeonline ();"> <img src = "index/bilder/closeBtn.png"> </a> <a href = "###"> </a> <a href = "#"### "> </a> </Div.JS:
// JavaScript documentDocument.writeln ("<style type =/" text/css/">"); document.writeln (". } "); document.WriteLn (". 4, 0,75);} "); document.writeln (". document.WriteLN (". class =/"fdbontel/"> "); document.writeln (" <img src =/"index/bilder/fdtel.gif/" Usemap =/"#maps/"> "); document.writeln (" <map name =/"maps/"); id =/"maps/"> "); document.writeLn (" <Area Shape =/"rect/" coords =/"2,2,79,52/" onclick =/"openZoosurl ();/"> "); document.writeln (" <Area form =/"rect/" coords =/"77,2,2,166,166,52/" " href =/"tel: 0855-8253310/"> "); document.writeLn (" <Bereichsform =/"rect/" Coords =/"166,4,242,51/" Onclick =/"OpenZoosurl ();/"> "); onclick =/"openZoosurl ();/"> "); document.writeln (" </map> "); document.writeln (" </div> "); document.writeln (" <div class =/"fdonline/" id =/"fdonline/"> "); f_r/"onclick =/" closeonline ();/"> <img src =/" index/bilder/closeBtn.png/"width =/" 44/"height =/" 44/"> </a>"); document.writeln ("<a href =/" ###/"class =/" fdoTel F_L/"<Alf =/"; <a href =/"###/" class =/"fdoon f_r/"> </a> "); document.writeln (" </div> "); document.getElementById ("fdonline"). style.display = "block"; }}} function closeonline () {document.getElementById ("fdonline"). style.display = "none"; setInterval (CHKSWT, 30000);}; $ (function () {setInterval (Showonline, 30000);});Reproduktionsbild:
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Strukturen und Algorithmusfähigkeiten "und" Zusammenfassung der Verwendung von JavaScript Mathematical Operation ""
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.