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 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
vue2.0获取鼠标位置的方法
Sep 13 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
Vue中keep-alive组件作用详解
Feb 04 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
如何选购合适的收音机
2021/03/01 无线电
php去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
YII中assets的使用示例
2014/07/31 PHP
浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
2016/12/09 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
理解Javascript闭包
2013/11/01 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
vue实现点击选中,其他的不选中方法
2018/09/05 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
2019/05/18 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
JavaScript对象访问器Getter及Setter原理解析
2020/12/08 Javascript
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
python和ruby,我选谁?
2017/09/13 Python
基于Django用户认证系统详解
2018/02/21 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
python的命名规则知识点总结
2019/10/04 Python
详解python中*号的用法
2019/10/21 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
给领导的致歉信范文
2014/01/13 职场文书
药品促销活动方案
2014/02/14 职场文书
小学教师师德整改措施
2014/09/29 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
2021/04/29 HTML / CSS
canvas绘制折线路径动画实现
2021/05/12 Javascript
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android