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里的each使用方法详解
Dec 22 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
Mint-UI时间组件起始时间问题及时间插件使用
Aug 20 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
如何在微信小程序中存setStorage
Dec 13 Javascript
京东优选小程序的实现代码示例
Feb 25 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
vue实现可以快进后退的跑马灯组件
Apr 08 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
如何过滤高亮显示非法字符
2006/10/09 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
PHP随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
2011/10/23 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
vue 详情跳转至列表页实现列表页缓存
2019/03/27 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python3 pygame实现接小球游戏
2019/05/14 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
从当地商店送来的杂货:Instacart
2018/08/19 全球购物
往来会计岗位职责
2013/12/19 职场文书
新闻编辑求职信
2014/07/13 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
田径运动会广播稿
2015/08/19 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Python上下文管理器Content Manager
2021/06/26 Python
Java面试题冲刺第十六天--消息队列
2021/08/07 面试题