JS实现简单的顶部定时关闭层效果


Posted in Javascript onJune 15, 2014
<script type="text/javascript"> 
var time = 300; 
var h = 0; 
function addCount() 
{ 
if(time>0) 
{ 
time--; 
h = h+5; 
} 
else 
{ 
return; 
} 
if(h>300) //高度 
{ 
return; 
} 
document.getElementById("ads").style.display = ""; 
document.getElementById("ads").style.height = h+"px"; 
setTimeout("addCount()",30); 
} 
window.onload = function showAds() 
{ 
addCount(); 
setTimeout("noneAds()",7000); //停留时间自己调了 
} 
var T = 300; 
var N = 300; //高度 
function noneAds() 
{ 
if(T>0) 
{ 
T--; 
N = N-5; 
} 
else 
{ 
return; 
} 
if(N<0) 
{ 
document.getElementById("ads").style.display = "none"; 
return; 
} 
document.getElementById("ads").style.height = N+"px"; 
setTimeout("noneAds()",30); 
} 
</script>

<div style="MARGIN: 0px auto; WIDTH: 900px; BACKGROUND: #369; HEIGHT: 300px; COLOR: #fff" id="ads">三水点靠木_3water.com</div>
Javascript 相关文章推荐
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
复选框全选与全不选操作实现思路
Aug 18 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
JS正则表达式验证中文字符
May 08 Javascript
实用的 vue tags 创建缓存导航的过程实现
Dec 03 Vue.js
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 #Javascript
鼠标移到图片上变大显示而不是放大镜效果
Jun 15 #Javascript
js中的如何定位固定层的位置
Jun 15 #Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 #Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 #Javascript
jQuery实现的原图对比窗帘效果
Jun 15 #Javascript
QQ空间顶部折页撕开效果示例代码
Jun 15 #Javascript
You might like
thinkphp实现图片上传功能
2016/01/13 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
实现JavaScript中继承的三种方式
2009/10/16 Javascript
Ext.MessageBox工具类简介
2009/12/10 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
js call方法详细介绍(js 的继承)
2013/11/18 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
python使用Qt界面以及逻辑实现方法
2019/07/10 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
英国标准协会商店:BSI Shop
2019/02/25 全球购物
安全大检查反思材料
2014/01/31 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
乡镇党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年司法局工作总结
2015/05/22 职场文书
教你用python实现12306余票查询
2021/06/30 Python
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技
windows server2008 开启端口的实现方法
2022/06/25 Servers