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>

相关文章

  • 浅谈js里面的InttoStr和StrtoInt

    浅谈js里面的InttoStr和StrtoInt

    下面小编就为大家带来一篇浅谈js里面的InttoStr和StrtoInt。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JS 判断代码全收集

    JS 判断代码全收集

    js判断代码,比较全,大家可以看下代码,熟悉常见判断代码。
    2009-04-04
  • JS解决url传值出现中文乱码的另类办法

    JS解决url传值出现中文乱码的另类办法

    为什么用表单的方式就可以传递中文,而URL的方式就不行了呢?非得用URL传值的方式才能解决问题吗?这里我想到了动态表单,何不用它来解决呢
    2013-04-04
  • 聊聊JS动画库 Velocity.js的使用

    聊聊JS动画库 Velocity.js的使用

    本篇文章主要介绍了聊聊JS动画库 Velocity.js的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • js prototype深入理解及应用实例分析

    js prototype深入理解及应用实例分析

    这篇文章主要介绍了js prototype深入理解及应用,结合实例形式分析了JavaScript prototype属性功能、原理、使用方法及操作注意事项,需要的朋友可以参考下
    2019-11-11
  • 页面版文本框智能提示JS代码

    页面版文本框智能提示JS代码

    首先说下背景,该code用于一个多条件查询界面,原本该查询条件由一个下拉列表提供,但是由于下拉列表数据量过大,用户使用不方便,便希望在页面给出一个智能提示的功能,但搜索的数据来自下拉列表
    2009-11-11
  • js 下拉菜单点击旁边收起实现(踩坑记)

    js 下拉菜单点击旁边收起实现(踩坑记)

    这篇文章主要介绍了js 下拉菜单点击旁边收起实现(踩坑记),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 产制造追溯系统之通过微信小程序实现移动端报表平台

    产制造追溯系统之通过微信小程序实现移动端报表平台

    这篇文章主要介绍了产制造追溯系统-通过微信小程序实现移动端报表平台 ,本文图文并茂给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • JavaScript中iframe实现局部刷新的几种方法汇总

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • JS实现深度优先搜索求解两点间最短路径

    JS实现深度优先搜索求解两点间最短路径

    这篇文章主要为大家详细介绍了JS实现深度优先搜索求解两点间最短路径,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01

最新评论