网页中可关闭的漂浮窗口实现可自行调节


Posted in Javascript onAugust 20, 2013

注释部分为广告的左右调节,可以自行设定

<!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> 
<title>网页中可关闭的漂浮窗口</title> 
<meta http-equiv="content-type" content="text/html;charset=gb2312"> 
</head> <body style="background-color:#09C"> 
<div id="ShowAD" style="position:absolute;z-index:100;"> 
<div style="width:135;height:18px;font-size:14px;font-weight:bold;text-align:left;cursor:hand;" onClick="closead();"><font color="ff0000">关闭</font><br/> 
点击这里,关闭广告!!!<br><a href="/jscss/"><img src="img/ads1.png"></a> 
</div> 
<script type="text/javascript"> 
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body; 
var adst = document.getElementById("ShowAD").style; 
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px"; 
//adst.left = ( bodyfrm.clientWidth -155) + "px"; 
function moveR() 
{ 
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px"; 
//adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px"; 
} 
setInterval("moveR();", 80); 
function closead() 
{ 
adst.display='none'; 
} 
</script> 
<div id="Content" style="height:1200px;"></div> 
</body> 
</html>
Javascript 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
JSON.parse 解析字符串出错的解决方法
Jul 08 Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
只需一行代码,轻松实现一个在线编辑器
Nov 12 Javascript
jquery五角星评分插件示例分享
Feb 21 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 18 Javascript
element-ui点击查看大图的方法示例
Dec 14 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 #Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 #Javascript
jQuery制作仿腾讯web qq用户体验桌面
Aug 20 #Javascript
jquery indexOf使用方法
Aug 19 #Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 #Javascript
没有document.getElementByName方法
Aug 19 #Javascript
js中符号转意问题示例探讨
Aug 19 #Javascript
You might like
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
PHP调用其他文件中的类
2018/04/02 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
2017/12/10 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
浅谈vue加载优化策略
2019/03/19 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
解决pip install xxx报错SyntaxError: invalid syntax的问题
2018/11/30 Python
python实现两张图片的像素融合
2019/02/23 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
简单了解python变量的作用域
2019/07/30 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
python logging.info在终端没输出的解决
2020/05/12 Python
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
搞笑婚前保证书
2015/02/28 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
铁拳制作人赞《铁拳7》老头环Mod:制作精良 但别弄了
2022/04/03 其他游戏
全网非常详细的pytest配置文件
2022/07/15 Python
Python实现聚类K-means算法详解
2022/07/15 Python