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 弹出窗口中是否显示地址栏的实现代码
Apr 14 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
JavaScript 栈的详解及实例代码
Jan 22 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
Feb 15 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中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
PHP获取当前url的具体方法全面解析
2013/11/26 PHP
php实现简单爬虫的开发
2016/03/28 PHP
php字符串操作针对负值的判断分析
2016/07/28 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
Convert Seconds To Hours
2007/06/16 Javascript
CSS常用网站布局实例
2008/04/03 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
JS获取数组最大值、最小值及长度的方法
2015/11/24 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
2016/06/12 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
javascript使用正则表达式实现注册登入校验
2020/09/23 Javascript
python中偏函数partial用法实例分析
2015/07/08 Python
python实现多线程抓取知乎用户
2016/12/12 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
详解python中list的使用
2019/03/15 Python
python 伯努利分布详解
2020/02/25 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
深入了解python列表(LIST)
2020/06/08 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
幼儿园教师自我鉴定
2014/03/20 职场文书
乔迁新居祝福语
2019/11/04 职场文书
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
MySQL 逻辑备份 into outfile
2022/05/15 MySQL