JS實現(xiàn)簡單的頂部定時關閉層效果
更新時間：2014年06月15日 17:32:17 投稿：whsnow
這篇文章主要介紹了通過JS實現(xià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); //停留時間自己調(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>
復制代碼 代碼如下:
<div style="MARGIN: 0px auto; WIDTH: 900px; BACKGROUND: #369; HEIGHT: 300px; COLOR: #fff" id="ads">腳本之家_www.fzitv.net</div>
相關文章
JavaScript操作Oracle數(shù)據(jù)庫示例
這篇文章主要介紹了JavaScript操作Oracle數(shù)據(jù)庫示例,本文使用ActiveXObject實現(xiàn)訪問Oracle數(shù)據(jù)庫,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了js+html5實現(xiàn)復制文字按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細介紹了bootstrap PrintThis打印插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
列舉所有的方式，看看各瀏覽器的支持差異。方便用js動態(tài)設置元素css的代碼。需要的朋友可以參考下。2011-08-08
JavaScript高級編程之Array的用法總結(jié)
這篇文章主要為大家介紹了JavaScript中Array常見用法的總結(jié)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-11-11
實例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序
關于javascript的運行機制大家都應該有所了解了吧，其實javascript是一個單線程的機制，但是因為隊列的關系它的表現(xiàn)會讓我們感覺是一個多線程的錯覺。下面這篇文章通過實例主要給大家介紹了關于JavaScript中setTimeout函數(shù)執(zhí)行順序的相關資料，需要的朋友可以參考下。2017-07-07
JavaScript使用多線程實現(xiàn)一個大文件上傳
這篇文章主要為大家詳細介紹了JavaScript使用多線程實現(xiàn)一個大文件上傳的相關知識,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下2024-11-11
JavaScript實現(xiàn)控制并發(fā)請求的方法詳解
這篇文章主要為大家詳細介紹了如果有100個請求,那么如何使用JavaScript實現(xiàn)控制并發(fā)請求,感興趣的小伙伴可以跟隨小編一起學習一2024-03-03
我們在用javascript創(chuàng)建一個遮蓋層(div)后，如果點擊關閉用到了2009-06-06
js的垃圾回收機制就是為了防止內(nèi)存泄漏的,這篇文章主要給大家介紹了如何通過一篇文章弄懂javascript內(nèi)存泄漏的相關資料,需要的朋友可以參考下2021-05-05