<small id="k08uy"></small>

從左上角滑開的大幅廣告效果

2024-09-05 12:22:37

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

從左上角滑開的大幅廣告效果，只實(shí)現(xiàn)了最基本的代碼，還需要根據(jù)你的網(wǎng)頁風(fēng)格再次美化，這個(gè)工作交給你來完成了。這個(gè)廣告效果很實(shí)用，當(dāng)網(wǎng)頁打開的時(shí)候，廣告從左上角滑開，在指定時(shí)間到達(dá)時(shí)自動(dòng)關(guān)閉。

<title>從左上角滑開的大幅廣告效果</title>   <script type="text/javascript" language="javascript">    var time = 500;    var w = 0;    function addCount()    {        if(time>0)        {            time--;            w = w+5;        }        else        {            return;        }        if(w>278)  //寬度        {            return;        }        document.getElementById("ads").style.display = "";        document.getElementById("ads").style.width = w+"px";        setTimeout("addCount()",30);     }        window.onload = function showAds()    {        addCount();        setTimeout("noneAds()",7000); //停留時(shí)間    }    </script>        <script type="text/javascript" language="javascript">    var T = 198;    var N = 188; //高度    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.width = N+"px";        setTimeout("noneAds()",30);     }    </script></head><body>    <div   class="70qarhlowxag"   id="ads" style="margin:auto; display:none; position:absolute;width:200px; top:0px; right:0; height:200px;  background-color:#d5282e; overflow:hidden; text-align:center;">    <img src="/d/file/p/2024/09-05/b6015ce1f92e6ffaf1f90ee6e16b92eb.gif" border="0" alt=""/>    </div>           <br />    </body>

上一篇：JavaScript讓多個(gè)圖片廣告交替顯示

下一篇：浮動(dòng)在網(wǎng)頁最上層自動(dòng)關(guān)閉的廣告特效