手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现简单的顶部定时关闭层效果
JS实现简单的顶部定时关闭层效果
摘要:复制代码代码如下:vartime=300;varh=0;functionaddCount(){if(time>0){time--;h=h+5...

复制代码 代码如下:

<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 id="ads">查字典教程网_www.jb51.net</div>

【JS实现简单的顶部定时关闭层效果】相关文章:

JavaScript实现鼠标点击后层展开效果的方法

JavaScript实现鼠标滑过处生成气泡的方法

JavaScript实现简单的数字倒计时

jQuery实现返回顶部效果的方法

JavaScript实现带标题的图片轮播特效

一个很简单的办法实现TD的加亮效果.

js实现带按钮的上下滚动效果

JS实现简单路由器功能的方法

jQuery实现首页图片淡入淡出效果的方法

JS实现定时自动关闭DIV层提示框的方法

精品推荐
分类导航