javascript实现浮动窗口的方法:首先创建HTML文件;然后通过“function showFAd(){...}”方法打开浮动广告;最后通过“function showFloat(){...}”方法实现打开浮动窗口即可。

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript怎么实现浮动窗口?
具体如下:
HTML部分:
立即学习“Java免费学习笔记(深入)”;
无标题文档
JS部分:
// JavaScript Document
//浮动广告图片
var floatAdImg = "images/onlineSay.jpg";
//浮动侧栏图片
var floatSideImg = "images/onlineTel.gif";
//打开在线沟通
function open_online()
{
window.open('http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325');
}
//浮动广告
document.writeln("");
document.writeln("");
document.writeln("");
document.writeln("");
//浮动侧栏
document.writeln("");
//关闭浮动广告
function closeFAd()
{
document.getElementById('floatAd').style.display = 'none';
}
//打开浮动广告
function showFAd()
{
document.getElementById('floatAd').style.display = 'block';
}
//打开浮动窗口
function showFloat()
{
document.getElementById('floatAd').style.display = 'block';
}
//打开窗口 20 秒仅执行一次
setTimeout(showFAd,20000);
//每个 30 秒执行一次
setInterval(showFloat,30000);效果图如下:

【相关推荐:javascript高级教程】











