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 相关文章推荐
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 Javascript
js中数组常用方法总结(推荐)
Apr 09 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
小程序实现筛子抽奖
May 26 Javascript
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
PHP脚本的10个技巧(8)
2006/10/09 PHP
生成卡号php代码
2008/04/09 PHP
php网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
PHP实现简易blog的制作
2016/10/24 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
jquery实现心算练习代码
2010/12/06 Javascript
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
JavaScript学习笔记之内置对象
2015/01/22 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
jquery插件之文字间歇自动向上滚动效果代码
2016/02/25 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
小程序中英文混合排序问题解决
2019/08/02 Javascript
vue+ts下对axios的封装实现
2020/02/18 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
天猫精选:上天猫,就够了
2016/09/21 全球购物
预备党员党校学习自我评价分享
2013/11/12 职场文书
体育教育毕业生自荐信
2013/11/21 职场文书
爱国演讲稿500字
2014/05/04 职场文书
应届大专生求职信
2014/06/26 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
创业计划书之甜品店
2019/09/18 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
SQL SERVER存储过程用法详解
2022/02/24 SQL Server