從左上角滑開的大幅廣告效果_綜合其它特效

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

<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); //停留時間
    }
    </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 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="/images/logo.gif" border="0" alt=""/>
    </div>
    
       <br />    
</body>

所屬頻道：綜合其它特效/更新時間：2013-06-27

[收藏][報錯][返回列表]

相關綜合其它特效：

從左上角滑開的大幅廣告效果_綜合其它特效

綜合其它特效Rss訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些