<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
a img{ border:0;}
</style>
</head>
<body>
<div style="height:2000px; background:#ccc; display:none;">
</div>
<!--div id="floatAd" style=" position:fixed !important; position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); z-index: 2147483647; left: 50%; margin-left: -240px !important; top: 50%; margin-top: -210px !important; background:url(images/onlineSay.jpg) no-repeat; width:487px; height:350px; cursor:pointer;">
<div onclick="closeFAd();" style=" width:26px; height:26px; float:right;"></div>
<div style="width:487px; height:320px; float:right;" onclick="open_online();"></div>
</div>
<div id="floatSide" style=" width:141px; height:579px; position:fixed !important; position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); z-index: 99999; right:0; top:6%; background:url(images/onlineTel.gif);cursor:pointer;" onclick="open_online();></div-->
</body>
</html>
<script type="text/javascript" src="online.js"></script>
// JavaScript Document
//浮动广告图片
var floatAdImg = "http://www.onestopweb.cn/online/onlineSay.jpg";
//浮动侧栏图片
var floatSideImg = "http://www.onestopweb.cn/online/onlineTel.gif";
//打开在线沟通
function open_online()
{
window.open('http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325');
}
//浮动广告
document.writeln("<div id=\"floatAd\" style=\" position:fixed !important; position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); z-index: 2147483647; left: 50%; margin-left: -240px !important; top: 50%; margin-top: -210px !important; background:url("+floatAdImg+") no-repeat; width:487px; height:350px; cursor:pointer; display:none; \">");
document.writeln("<div onclick=\"closeFAd();\" style=\" width:26px; height:26px; float:right;\"></div>");
document.writeln("<div style=\"width:487px; height:320px; float:right;\" onclick=\"open_online();\"></div>");
document.writeln("</div>");
//浮动侧栏
document.writeln("<div style=\" width:141px; height:579px; position:fixed !important; position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); z-index: 99999; right:0; top:6%; background:url("+floatSideImg+");cursor:pointer;\" onclick=\"open_online();\"></div>");
//关闭浮动广告
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);
效果图：
相关推荐
主要介绍了JS简单实现浮动窗口效果,涉及javascript操作浮动窗口的创建、打开、关闭等相关操作技巧,需要的朋友可以参考下
一个最简单的浮动窗口的例子，js代码完整，窗口可以关闭后可再显示。
一款javascript开发的浮动窗口，支持最小化，支持鼠标拖拽，可以设定弹出事件，可以进行初始化位置以及大小。完全面向对象编程，简单易用的一款javascript的控件
jQuery版简单易用的可拖动右下角浮动窗口特效
主要介绍了JS实现简单易用的手机端浮动窗口显示效果,涉及javascript针对页面元素的动态操作相关技巧,适用于做广告展示,需要的朋友可以参考下
本源码收集了19款基于jquery-css3实现的js遮罩弹窗效果,弹出层，就是大家熟悉的浮动窗口，由html5 CSS3 JS jQuery联合实现的可自定义的弹出窗口，实例效果丰富，调用简单，初学者也可看懂。一个HTML5页面演示了19种...
-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win { border: 1px solid #A67901; background: #EAEAEA; width: 240px; position: absolute; right: 0; font-size: 12px; font-family...
最简单好用的jqury浮动代码，直接调用float.js
Alai_win_xp.js -- 浮动窗口控件程序XP风格版 bihua.js -- 中文字符集，笔画顺序 pingying.js -- 中文字符集，拼音顺序 images/ -- 相关的图片、图标目录 qqface/ -- QQ头像图片目录 ---------------- 说明：程序...
包含各种基础的JS示例，包括浮动窗口、省市级联、页面传参等各种基础JS功能
JS点击弹出“层叠窗口、可关闭的”提示层，小编收集于国外的网页爱好者网站上，当我们点击这款弹出层、弹出对话框时，嵌套的网页弹出浮动层，可以关闭，...运用了一个封装的JS库，实现一个浮动对话框的功能就更简单了。
可拖动图层、通过document对象相关属性动态改变背景色、浮动广告、广告窗口、弹窗选择
第3章 实用JavaScript函数 129 3.1 数据验证 130 实例084 通过正则表达式验证日期 130 实例085 验证输入的日期格式是否正确 132 实例086 检查表单元素是否为空 134 实例087 验证E-mail是否正确 135 实例088 通过正则...
看起来感觉很难做，但其实原理是很简单的，使用定时器没0.1秒检测层的位置并将其置在指定的位置（相对于窗口）。写了一个简单的代码： ...
layerJS.org是一个开源Javascript UI/用户体验库，为Web应用程序和网站提供直观、视觉强烈、类似移动应用程序的体验。 用户体验模式，如菜单、滑块、图层和灯箱、视差效果、页面滑动、缩放效果等。实际上只是交互式...
• 1.3.js 1.3.htm使用的外部JavaScript文件 第2章（\第2章） • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...
这里是将gooflow的代码简单的改造一下，点击线、点、图标、区域的时候弹出新窗口，在新窗口中可以添加设置更多的信息
JavaScript实例精通 1．本书1~20章所附代码的运行环境 操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：、Dreamwave、Notepad、UltraEdit，或者其他文本编辑器 Web服务器：IIS 5.1及...