本文实例讲述了JS实现简单易用的手机端浮动窗口显示效果。分享给大家供大家参考，具体如下：
html：
Box-shadow: 0 0 20px rgba(10,2,4,0.75);}
.fdOnline .fdOClose{ width:44px; height:44px; display:block; margin-top:-17px; margin-right:-6px;}
.fdOnline .fdOTel{ background:#CF3; width:127px; height:58px; display:block; margin-top:123px;}
.fdOnline .fdOOn{ background:#036; width:128px; height:58px; display:block; margin-top:96px;}
js：
Box-shadow: 0 0 20px rgba(10,0.75);}");
document.writeln(".fdOnline .fdOClose{ width:44px; height:44px; display:block; margin-top:-17px; margin-right:-6px;}");
document.writeln(".fdOnline .fdOTel{ width:127px; height:58px; display:block; margin-top:123px;}");
document.writeln(".fdOnline .fdOOn{ width:128px; height:58px; display:block; margin-top:96px;}");
document.writeln("");
document.writeln("
");
document.writeln("
");
document.writeln("");
document.writeln(" ");
document.writeln(" ");
document.writeln("
");
function showOnline() {
if (document.getElementById("fdOnline")) {
if (document.getElementById("fdOnline").style.display == "none") {
document.getElementById("fdOnline").style.display = "block";
}
}
}
function cloSEOnline() {
document.getElementById("fdOnline").style.display = "none";
setInterval(chkSWT,30000);
};
$(function(){
setInterval(showOnline,30000);
});
效果图：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
原文链接：https://www.f2er.com/js/46013.html