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实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
基于jQuery图片平滑连续滚动插件
Apr 27 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
如何阻止小程序遮罩层下方图层滚动
Sep 05 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 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
PHP 面向对象实现代码
2009/11/11 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
一行JavaScript代码如何实现瀑布流布局
2020/12/11 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
python将图片文件转换成base64编码的方法
2015/03/14 Python
Python中的localtime()方法使用详解
2015/05/22 Python
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
详解flask入门模板引擎
2018/07/18 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
python复合条件下的字典排序
2020/12/18 Python
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2020/12/22 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
人力资源专业推荐信
2013/11/29 职场文书
促销活动策划方案
2014/01/12 职场文书
校园十佳歌手策划书
2014/01/22 职场文书
讲座主持词
2014/03/20 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
营运督导岗位职责
2015/04/10 职场文书
医学会议开幕词
2016/03/03 职场文书
个人的事迹材料怎么写
2019/04/24 职场文书
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL