从左上角飘过来的广告窗口

来源:互联网 发布:手机淘宝一元秒杀技巧 编辑:程序博客网 时间:2024/05/29 15:31

 

<html>
<head>
    <title></title>
</head>
<body>
    <div id="f_ad" style="width: 60; height: 60; border: 1px solid #cccccc; padding: 2px;
        position: absolute;">
        <span id="ad_lt" style="color: #666666; font-size: 14px; height: 20px"></span>
        <input type="button" value="×" style="font-size: 14px; height: 20px; width: 20px;
            color: #666666; font-weight: bold;" title="关闭窗口" onclick="ad_t2=ad_t2+ad_t3">
        <a target="_blank" href="http://www.ku-code.com">
            <img border="0" src="/images/upfile_img/jpg/20111009000849.jpg"
                width="100%" height="95%"></a>
    </div>

    <s cript>
        var ad_w = 300;
        var ad_h = 250;
        var ad_l = (document.body.clientWidth - ad_w) / 2;
        var ad_t = (document.body.clientHeight - ad_h) / 2;
        var ad_ft = 1;   //过渡时间
        var ad_step = 50;
        var ad_time = 10;
        var ad_t1 = ad_ft * 1000 / ad_step;
        var ad_t2 = 60;
        var ad_t3 = (ad_w - ad_t2) * ad_time / ad_ft + ad_w;
        var ad_t4 = 0;
        var ad_t5 = ad_time;
        var ad_t6 = ad_t2;
        function flashad() {
            if (ad_l < 0 || ad_t < 0) { ad_t2 += ad_t3; }
            if (ad_t2 >= ad_t3) {
                ad_t5 = 0;
                if (ad_t4 > ad_t6) { ad_t4 -= (ad_w - ad_t6) / ad_t1; }
                else {
                    clearTimeout(ad_timer);
                    f_ad.style.display = "none";
                    return;
                }
            }
            if (ad_t2 <= ad_w) { ad_t4 = ad_t2; ad_t5 = ad_time; }
            if (ad_t2 > ad_w && ad_t2 < ad_t3) { ad_t5 = Math.floor(ad_time - (ad_t2 - ad_w) / (ad_w - ad_t6) * ad_ft); }
            ad_t2 += (ad_w - ad_t6) / ad_t1;
            f_ad.style.width = ad_t4;
            f_ad.style.height = (ad_t6 * ad_h / ad_w) + (ad_t4 - ad_t6) * (ad_h - ad_t6 * ad_h / ad_w) / (ad_w - ad_t6);
            f_ad.style.left = (ad_t4 - ad_t6) * ad_l / (ad_w - ad_t6) + document.body.scrollLeft;
            f_ad.style.top = (ad_t4 - ad_t6) * ad_t / (ad_w - ad_t6) + document.body.scrollTop;
            ad_lt.style.width = ad_t4 - 28;
            ad_lt.innerText = ad_t5 + "秒后自动关闭";

            var ad_timer = setTimeout("flashad()", ad_step);
        }
        flashad();
    </s cript>

</body>
</html>

本代码由酷源码特效提供