脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 顶部定时关闭层

JS实现简单的顶部定时关闭层效果

 更新时间：2014年06月15日 17:32:17   投稿：whsnow  
这篇文章主要介绍了通过JS实现的简单顶部定时关闭层效果,需要的朋友可以参考下
复制代码 代码如下:

<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">脚本之家_www.jb51.net</div>
您可能感兴趣的文章:

相关文章

  • JavaScript操作Oracle数据库示例

    JavaScript操作Oracle数据库示例

    这篇文章主要介绍了JavaScript操作Oracle数据库示例,本文使用ActiveXObject实现访问Oracle数据库,需要的朋友可以参考下
    2015-03-03
  • js+html5实现复制文字按钮

    js+html5实现复制文字按钮

    这篇文章主要为大家详细介绍了js+html5实现复制文字按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-07-07
  • bootstrap PrintThis打印插件使用详解

    bootstrap PrintThis打印插件使用详解

    这篇文章主要为大家详细介绍了bootstrap PrintThis打印插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • js中设置元素class的三种方法小结

    js中设置元素class的三种方法小结

    列举所有的方式，看看各浏览器的支持差异。方便用js动态设置元素css的代码。需要的朋友可以参考下。
    2011-08-08
  • JavaScript高级编程之Array的用法总结

    JavaScript高级编程之Array的用法总结

    这篇文章主要为大家介绍了JavaScript中Array常见用法的总结，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-11-11
  • 实例详解JavaScript中setTimeout函数的执行顺序

    实例详解JavaScript中setTimeout函数的执行顺序

    关于javascript的运行机制大家都应该有所了解了吧，其实javascript是一个单线程的机制，但是因为队列的关系它的表现会让我们感觉是一个多线程的错觉。下面这篇文章通过实例主要给大家介绍了关于JavaScript中setTimeout函数执行顺序的相关资料，需要的朋友可以参考下。
    2017-07-07
  • JavaScript使用多线程实现一个大文件上传

    JavaScript使用多线程实现一个大文件上传

    这篇文章主要为大家详细介绍了JavaScript使用多线程实现一个大文件上传的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2024-11-11
  • JavaScript实现控制并发请求的方法详解

    JavaScript实现控制并发请求的方法详解

    这篇文章主要为大家详细介绍了如果有100个请求,那么如何使用JavaScript实现控制并发请求,感兴趣的小伙伴可以跟随小编一起学习一
    2024-03-03
  • IE innerHTML,outerHTML所引起的问题

    IE innerHTML,outerHTML所引起的问题

    我们在用javascript创建一个遮盖层(div)后，如果点击关闭用到了
    2009-06-06
  • 一篇文章弄懂javascript内存泄漏

    一篇文章弄懂javascript内存泄漏

    js的垃圾回收机制就是为了防止内存泄漏的,这篇文章主要给大家介绍了如何通过一篇文章弄懂javascript内存泄漏的相关资料,需要的朋友可以参考下
    2021-05-05

最新评论