JS實現(xiàn)簡單的頂部定時關(guān)閉層效果
更新時間：2014年06月15日 17:32:17 投稿：whsnow
這篇文章主要介紹了通過JS實現(xiàn)的簡單頂部定時關(guān)閉層效果,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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); //停留時間自己調(diào)了
}
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>
復(fù)制代碼 代碼如下:
<div style="MARGIN: 0px auto; WIDTH: 900px; BACKGROUND: #369; HEIGHT: 300px; COLOR: #fff" id="ads">腳本之家_www.dbjr.com.cn</div>
相關(guān)文章
如今ES6已經(jīng)發(fā)布了有一段時間了，很多人學(xué)了ES6但是卻沒運行環(huán)境，下面這篇文章主要給大家介紹了關(guān)于搭建ES6運行環(huán)境的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-07-07
詳解如何構(gòu)建Promise隊列實現(xiàn)異步函數(shù)順序執(zhí)行
這篇文章主要介紹了詳解如何構(gòu)建Promise隊列實現(xiàn)異步函數(shù)順序執(zhí)行，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了使用Bootstrap美化按鈕實例代碼(demo),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
這篇文章主要介紹了JavaScript執(zhí)行機制，想要搞懂JavaScript執(zhí)行機制，便與進程與線程的概念脫不了干系，下面我們就來看看這JavaScript執(zhí)行機制的具體介紹吧,需要的朋友可以參考一下2022-08-08
JS加密插件CryptoJS實現(xiàn)的Base64加密示例
這篇文章主要介紹了JS加密插件CryptoJS實現(xiàn)的Base64加密,結(jié)合實例形式分析了CryptoJS進行base64加密的簡單實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了layUI實現(xiàn)三級導(dǎo)航菜單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家介紹了全解跨域請求問題處理方法及分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>2023-07-07
js Firefox 加入收藏夾功能代碼 兼容Firefox 和 IE
最近改用Firefox后，發(fā)現(xiàn)很多網(wǎng)站的“加入收藏”鏈接點擊無效了，后來發(fā)現(xiàn)原來是IE瀏覽器和Firefox瀏覽器的“加入收藏夾”的寫法是不同的。2009-12-12
Package.js 現(xiàn)代化的JavaScript項目make工具
Package.js是一個很方便的JavaScript包依賴管理及Make工具。它的設(shè)計目標(biāo)是使瀏覽器端的JavaScript Component/App 開發(fā)更加模塊化2012-05-05
這篇文章主要幫助大家理解javascript定時器中的單線程，感興趣的小伙伴們可以參考一下2016-02-02