javascript 上下banner替換具體實現(xiàn)

更新時間：2013年11月14日 16:39:50 作者：

這篇文章介紹了javascript 上下banner替換具體實現(xiàn)，有需要的朋友可以參考一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">

</script>
<script type="text/javascript">
var x=400;
function dianji(){
    document.getElementById('yincang').style.height=x+'px';
    x--;
    var time=setTimeout('dianji()',10);
    if(x==200){
    clearTimeout(time);
    //document.body.bgColor='red';
    document.getElementById('yincang').style.display='none';
    document.getElementById('xianshi').style.display='block';

    }
    }
</script>
<script type="text/javascript">

</script>
<style type="text/css">{ display:block}</style>
</head>

<div id="yincang" style=" background:#CCC; height:400px;"></div>
<div id="xianshi" style="background:#0F0; height:200px; display:none;">fdafda</div>
<div style="background:#666; height:2000px;"></div>

</body>
</html>

您可能感興趣的文章:

相關(guān)文章

七種JS實現(xiàn)數(shù)組去重的方式
這篇文章主要介紹了七種JS實現(xiàn)數(shù)組去重的方式，下面文章以JS數(shù)組去重的相關(guān)資料展開全文內(nèi)容，具有一定的參考價值，需要的小伙伴可以參考一下
2021-12-12
JavaScript數(shù)組去重的6個方法
本篇文章主要介紹了JavaScript數(shù)組去重的6個方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
JavaScript 獲取 URL 中參數(shù)值的方法
本文將詳細介紹幾種在 JavaScript 中獲取 URL 參數(shù)值的方法,包括現(xiàn)代瀏覽器支持的 URLSearchParams、正則表達式解析以及自定義函數(shù)解析方案,并討論各自的優(yōu)缺點及適用場景,感興趣的朋友一起看看吧
2025-04-04
H5喚醒APP實現(xiàn)方法及注意點總結(jié)
目前通過H5頁面喚起App的場景十分常見,比如常見的分享功能,這篇文章主要給大家介紹了關(guān)于H5喚醒APP實現(xiàn)方法及注意點的相關(guān)資料,需要的朋友可以參考下
2021-06-06
javascript 自動標記來自搜索結(jié)果頁的關(guān)鍵字
使用javascript自動標記來自搜索結(jié)果頁的關(guān)鍵字的實現(xiàn)代碼。
2010-01-01
在微信小程序中使用圖表的方法示例
這篇文章主要介紹了在微信小程序中使用圖表的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)
這篇文章主要介紹了javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)的相關(guān)資料,需要的朋友可以參考下
2017-06-06
canvas實現(xiàn)探照燈效果
本文介紹了使用clip()方法實現(xiàn)一個探照燈效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
js html實現(xiàn)計算器功能
這篇文章主要為大家詳細介紹了js html實現(xiàn)計算器功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-11-11
javascript+html5+css3自定義提示窗口
這篇文章主要為大家詳細介紹了javascript+html5+css3自定義提示窗口，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06