手机
当前位置:查字典教程网 >编程开发 >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实现带标题的图片轮播特效

js实现顶部可折叠的菜单工具栏效果实例

javascript实现简单的进度条

COOL而实用的动态效果

js实现简单锁屏功能实例

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

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

js实现简单div拖拽功能实例

javascript实现链接单选效果

精品推荐
分类导航