В этой статье описывается простой и простой в использовании эффект плавучивого отображения мобильного телефона. Поделитесь этим для вашей ссылки, следующим образом:
HTML:
<style type = "text/css">. fdbontel {ширина: 100%; Высота: 53px; позиция: исправлена; Предпосылки:#0052AE; Текст-альбом: Центр; слева: 0; Внизу: 0; Z-Index: 999; } .fdonline {founal: url (index/images/online.png) no-repeat; Ширина: 255px; Высота: 181px; позиция: исправлена; Слева: 50%; Мяглевая маржа: -128PX; Верх: 40%; Z-Index: 999; граница-радий: 15px; Box-Shadow: 0 0 20px rgba (10, 2, 4, 0,75);}. fdonline .fdoclose {ширина: 44px; Высота: 44px; дисплей: блок; маржинальная версия: -17PX; Margin-Right: -6px;}. fdonline .fdotel {founale:#cf3; Ширина: 127px; Высота: 58px; дисплей: блок; Margin-Top: 123px;}. fdonline .fdoon {fourene:#036; Ширина: 128px; Высота: 58px; дисплей: блок; Margin-top: 96px;} </style> <div> <img src = "index/images/fdtel.gif" usemap = "#maps"> <map name = "maps" id = "maps"> <reable shape = "rect" координат = "2,2,79,52" onclick = "openzoosurl (); Координины = "77,2,166,52" href = "Тел: 0855-8253310"> <область Shape = "rect" coards = "166,4,242,51" onclick = "openzoosurl ();"> <область = "rect" координаты = "248,5,318,53" onclick = "openz el-z) </map> </div> <div id = "fdonline"> <a href = "###" onclick = "closeOnline ();"> <img src = "index/images/closebtn.png"> </a> <a href = "###"> </a> <href = "##">JS:
// javascript documentdocument.writeln ("<style type =/" text/css/">"); document.writeln (".. Fdbontel {ширина: 100%; высота: 53px; положение: фиксированное; фон:#0052ae; текстовый альбом: Центр; слева: 0; нижний: 0; z-index: 999; } "); document.writeln (".. fdonline {founal: url (index/images/online.png) без повторного оборудования; 2, 4, 0,75);} "); document.writeln (". fdonline .fdoclose {width: 44px; высота: 44px; дисплей: block; margin-top: -17px; маржинальный: -6px;}"); document.writeln (". fdonline .fdotel {ширина: 127px; height: 58px; дисплей: блок; Margin-top: 123px;}"); document.writeln (".. Fdonline .fdoon {width: 128px; высота: 58px; disply: block; margin-top: 96px; class =/"fdbontel/"> "); document.writeln (" <img src =/"index/images/fdtel.gif/" usemap =/"#maps/"> "); document.writeln (" <map name =/""#"); document.writeln (" <name =/"maps/" id =/"maps/"> "); document.writeln (" <aeam shape =/"rect/" coards =/"2,2,79,52/" onclick =/"openzoosurl ();/"> "); document.writeln (" <share =/"rect/" координат =/"77,2,166,52/" href =/"Тел: 0855-8253310/"> "); document.writeln (" <shared =/"rect/" coards =/"166,4,242,51/" OnClick =/"openzoosurl ();"> "); Document.Writeln (" <область =/"ruct/" Coards =/"248,5 3,5 31 31 3,3 31 3. onclick =/"openzoosurl ();/"> "); document.writeln (" </map> "); document.writeln (" </div> "); document.writeln (" <div class =/"fdonline/" id =/"fdonline/"> "); document.writeln (" <a href =/"###"##"##"/"#". f_r/"onclick =/" closeOnline ();/"> <img src =/" index/images/closebtn.png/"width =/" 44/"height =/" 44/"> </a>"); document.writeln ("<a href =/" ###/"class =/" f_lieln ("<a href =/" ###/"class =/" f_liteln ("<a href =/" ###/"class =/" ". <a href =/"###/" class =/"fdoon f_r/"> </a> "); document.writeln (" </div> "); function showonline () {if (document.getElementbyid (" fdonline ")) {if (document.getelementbyid (" fdonline "). document.getElementbyId ("fdonline"). style.display = "block"; }}} function bloseOnline () {document.getElementById ("fdonline"). style.display = "none"; setInterval (chkswt, 30000);}; $ (function () {setInterval (showonline, 30000);});Изображение воспроизведения:
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 Structures и навыки алгоритма »и« Сводка использования математической операции JavaScript »»
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.