快捷導(dǎo)航

JS實(shí)現(xiàn)簡單的頂部定時(shí)關(guān)閉層效果

更新時(shí)間：2014年06月15日 17:32:17 投稿：whsnow

這篇文章主要介紹了通過JS實(shí)現(xiàn)的簡單頂部定時(shí)關(guān)閉層效果,需要的朋友可以參考下

 
<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); //停留時(shí)間自己調(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">腳本之家_m.fzitv.net</div> 

您可能感興趣的文章:

相關(guān)文章

JavaScript操作Oracle數(shù)據(jù)庫示例
這篇文章主要介紹了JavaScript操作Oracle數(shù)據(jù)庫示例,本文使用ActiveXObject實(shí)現(xiàn)訪問Oracle數(shù)據(jù)庫,需要的朋友可以參考下
2015-03-03
js+html5實(shí)現(xiàn)復(fù)制文字按鈕
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)復(fù)制文字按鈕，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
bootstrap PrintThis打印插件使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap PrintThis打印插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
js中設(shè)置元素class的三種方法小結(jié)
列舉所有的方式，看看各瀏覽器的支持差異。方便用js動態(tài)設(shè)置元素css的代碼。需要的朋友可以參考下。
2011-08-08
JavaScript高級編程之Array的用法總結(jié)
這篇文章主要為大家介紹了JavaScript中Array常見用法的總結(jié)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-11-11
實(shí)例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序
關(guān)于javascript的運(yùn)行機(jī)制大家都應(yīng)該有所了解了吧，其實(shí)javascript是一個(gè)單線程的機(jī)制，但是因?yàn)殛?duì)列的關(guān)系它的表現(xiàn)會讓我們感覺是一個(gè)多線程的錯(cuò)覺。下面這篇文章通過實(shí)例主要給大家介紹了關(guān)于JavaScript中setTimeout函數(shù)執(zhí)行順序的相關(guān)資料，需要的朋友可以參考下。
2017-07-07
JavaScript使用多線程實(shí)現(xiàn)一個(gè)大文件上傳
這篇文章主要為大家詳細(xì)介紹了JavaScript使用多線程實(shí)現(xiàn)一個(gè)大文件上傳的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下
2024-11-11
JavaScript實(shí)現(xiàn)控制并發(fā)請求的方法詳解
這篇文章主要為大家詳細(xì)介紹了如果有100個(gè)請求,那么如何使用JavaScript實(shí)現(xiàn)控制并發(fā)請求,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一
2024-03-03
IE innerHTML,outerHTML所引起的問題
我們在用javascript創(chuàng)建一個(gè)遮蓋層(div)后，如果點(diǎn)擊關(guān)閉用到了
2009-06-06
一篇文章弄懂javascript內(nèi)存泄漏
js的垃圾回收機(jī)制就是為了防止內(nèi)存泄漏的,這篇文章主要給大家介紹了如何通過一篇文章弄懂javascript內(nèi)存泄漏的相關(guān)資料,需要的朋友可以參考下
2021-05-05