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高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
JavaScript 创建运动框架的实现代码
May 08 Javascript
javascript动态创建链接的方法
May 13 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
表单中单选框添加选项和移除选项
Jul 04 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
微信小程序定位当前城市的方法
Jul 19 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
vuex的使用和简易实现
Jan 07 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
在wamp集成环境下升级php版本(实现方法)
2013/07/01 PHP
php 中文字符串首字母的获取函数分享
2013/11/04 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
Laravel框架实现抢红包功能示例
2019/10/31 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
js 单引号 传递方法
2009/06/22 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
2020/02/11 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
Python基于PycURL实现POST的方法
2015/07/25 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
利用matplotlib+numpy绘制多种绘图的方法实例
2017/05/03 Python
Python快速排序算法实例分析
2017/11/29 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
python实现梯度下降法
2020/03/24 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
Python使用lambda抛出异常实现方法解析
2020/08/20 Python
python 如何实现遗传算法
2020/09/22 Python
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
什么是GWT的Module
2013/01/20 面试题
办公室综合文员岗位职责范本
2014/02/13 职场文书
作风建设演讲稿
2014/05/23 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
银行招聘自荐信
2015/03/06 职场文书