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之十二 删除事件核心方法
Jul 31 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
js选项卡的实现方法
Feb 09 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
JavaScript你不知道的一些数组方法
Aug 18 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
JavaScript中的null和undefined用法解析
Sep 30 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实现在多维数组中查找特定value的方法
2015/07/29 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
2016/02/25 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
Python 爬虫多线程详解及实例代码
2016/10/08 Python
解决Django删除migrations文件夹中的文件后出现的异常问题
2019/08/31 Python
pymysql 开启调试模式的实现
2019/09/24 Python
python实现XML解析的方法解析
2019/11/16 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
美国最大的团购网站:Groupon
2016/07/23 全球购物
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
银行实习人员自我鉴定
2013/09/22 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
竞聘演讲稿
2014/04/24 职场文书
个人评语大全
2014/05/04 职场文书
食品安全标语
2014/06/07 职场文书
2015大学党建带团建工作总结
2015/07/23 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技