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


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 相关文章推荐
document节点对象的获取方式示例介绍
Dec 24 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
May 24 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
AngularJS 防止页面闪烁的方法
Mar 09 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
node实现的爬虫功能示例
May 04 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
Apr 15 Javascript
vue发送websocket请求和http post请求的实例代码
Jul 11 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
Oct 16 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
PHP 向右侧拉菜单实现代码,测试使用中
2009/11/03 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
CodeIgniter中使用cookie的三种方式详解
2014/07/18 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
use jscript List Installed Software
2007/06/11 Javascript
jquery foreach使用示例
2013/09/12 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
vue项目实现减少app.js和vender.js的体积操作
2020/11/12 Javascript
Python中is与==判断的区别
2017/03/28 Python
python PyTorch预训练示例
2018/02/11 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
波兰购物网站:MALL.PL
2019/05/01 全球购物
社团文化节邀请函
2014/01/10 职场文书
初一地理教学反思
2014/01/16 职场文书
美丽乡村建设实施方案
2014/03/23 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
优秀家长事迹材料
2014/05/17 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS