源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS实现简单的顶部定时关闭层效果

  • 时间:2022-02-14 12:03 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS实现简单的顶部定时关闭层效果
[u]复制代码[/u] 代码如下:
<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>
[u]复制代码[/u] 代码如下:
<div style="MARGIN: 0px auto; WIDTH: 900px; BACKGROUND: #369; HEIGHT: 300px; COLOR: #fff" id="ads">编程素材网_www.1sucai.cn</div>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部