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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
网页javascript精华代码集
Jan 24 Javascript
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
Feb 15 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
vue scroller返回页面记住滚动位置的实例代码
Jan 29 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 jQuery
vue实现简易的双向数据绑定
Dec 29 Vue.js
如何开发一个渐进式Web应用程序PWA
May 10 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脚本
2006/11/26 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
PHP小技巧之函数重载
2014/06/02 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
页面使用密码保护代码
2013/04/10 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
详解Django+Uwsgi+Nginx的生产环境部署
2018/06/25 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
python按比例随机切分数据的实现
2019/07/11 Python
django admin.py 外键,反向查询的实例
2019/07/26 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
人力资源主管职责范本
2014/03/05 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
导游词300字
2015/02/13 职场文书
个人年终总结结尾
2015/03/06 职场文书