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判断密码强度(自写代码)
Sep 06 Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
Aug 19 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
Jun 29 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
基于vue-element组件实现音乐播放器功能
May 06 Javascript
node thread.sleep实现示例
Jun 20 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
vue实现点击追加选中样式效果
Nov 01 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 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
javascript 常用代码技巧大收集
2009/02/25 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
Js 去掉字符串中的空格(实现代码)
2013/11/19 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
js实现拖拽功能
2017/03/01 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
JS实现中英文混合文字溢出友好截取功能
2018/08/06 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
js中事件对象和事件委托的介绍
2019/01/21 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
如何基于pythonnet调用halcon脚本
2020/01/20 Python
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
为什么需要版本控制
2016/10/28 面试题
报纸媒体创意广告词
2014/03/17 职场文书
分公司任命书
2014/06/06 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
抗洪救灾标语
2014/10/08 职场文书
人才市场接收函
2015/01/30 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
教师实习自我鉴定总结
2019/08/20 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL