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将string类型转换int类型

    Javascript将string类型转换int类型

    今天网站有个小功能要判断用户购买商品数量是否大于库存数据,如果大于库存数量,就给予提示。
    2010-12-12
  • JS中with的替代方法与String中的正则方法详解

    JS中with的替代方法与String中的正则方法详解

    最近这几天在升级自己的MVVM 框架,遇到很多小问题,所以想着就在这里统一解决了。文中主要介绍了关于Javascript中with的替代方法与String中的正则方法,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • 探究JavaScript中的五种事件处理程序方式

    探究JavaScript中的五种事件处理程序方式

    本篇文章主要介绍了JavaScript中的五种事件处理程序方式,具有一定的参考价值,有需要的可以了解一下。
    2016-12-12
  • js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解

    js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat(

    今天小编就为大家分享一篇关于js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • JavaScript实现图片懒加载(Lazyload)

    JavaScript实现图片懒加载(Lazyload)

    这篇文章主要介绍了JavaScript实现图片懒加载(Lazyload)的相关资料,需要的朋友可以参考下
    2016-11-11
  • JS数字抽奖游戏实现方法

    JS数字抽奖游戏实现方法

    这篇文章主要介绍了JS数字抽奖游戏实现方法,可实现按下回车键出现随机数字切换的效果,涉及时间与随机数的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • js 自定义的联动下拉框

    js 自定义的联动下拉框

    一直都嫌下拉框这个html控件难看,之前弄了个<div><ul><li></li></ul></div>版的下拉框.
    2010-02-02
  • JS简单生成由字母数字组合随机字符串示例

    JS简单生成由字母数字组合随机字符串示例

    这篇文章主要介绍了JS简单生成由字母数字组合随机字符串,结合实例形式分析了javascript使用Math.random()生成随机字符串相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • webpack 3.X学习之多页面打包的方法

    webpack 3.X学习之多页面打包的方法

    这篇文章主要介绍了webpack 3.X学习之多页面打包的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JS 俄罗斯方块完美注释版代码

    JS 俄罗斯方块完美注释版代码

    JS俄罗斯方块完美注释版 v 1.01 从学c语言那一会儿都想写一个俄罗斯方块,可是每次动起手总觉得难度太大. 今天终于用了大约4个小时写出来了. 其中在涉及到方块变型的时候还咨询了
    2008-11-11

最新评论