手机
当前位置:查字典教程网 >编程开发 >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实现简单的顶部定时关闭层效果】相关文章:

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

JS实现简洁、全兼容的拖动层实例

js实现精美的图片跟随鼠标效果实例

JavaScript实现简单的数字倒计时

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

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

javasript实现密码的隐藏与显示

javascript实现带下拉子菜单的导航菜单效果

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

JS+DIV实现鼠标划过切换层效果的方法

精品推荐
分类导航