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.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
Javascript基础教程之变量
Jan 18 Javascript
浅谈JavaScript中小数和大整数的精度丢失
May 31 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
Mongoose经常返回e11000 error的原因分析
Mar 29 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
通过GASP让vue实现动态效果实例代码详解
Nov 24 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 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
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
php中socket的用法详解
2014/10/24 PHP
php单一接口的实现方法
2015/06/20 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
JavaScript闭包实例讲解
2014/04/22 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
jQuery页面刷新(局部、全部)问题分析
2016/01/09 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
layer弹出层 iframe层去掉滚动条的实例代码
2018/08/17 Javascript
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
python解析yaml文件过程详解
2019/08/30 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
网络安全方面的面试题
2016/01/07 面试题
澳大利亚商务邀请函
2014/01/17 职场文书
总结表彰大会主持词
2014/03/26 职场文书
办公室岗位职责
2015/02/04 职场文书
悬空寺导游词
2015/02/05 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
第一书记观后感
2015/06/08 职场文书
情人节单身感言
2015/08/03 职场文书