JS上下自动漂浮广告，可关闭

版权声明：本文为博主原创文章，未经博主允许不得转载。

[html] view
plain copy

<%--Keymo,漂浮广告--%>  

<SCRIPT type="text/javascript">  

  

  

    // 这是关闭飘浮广告的宽度，请根据你的广告内容而定  

    var hbcms_ad_width = 100;  

  

  

    // 这是关闭飘浮广告的代码，可以换成图片，点击即可关闭  

    var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color: #efefef;line-height:200%">关闭</div>';  

  

  

    // 设置左边的广告代码,请自己更换图片地址，或换成flash，或换成纯文字  

    // 如果不希望显示左边的广告，可设置为   = '';  

    var hbcms_left_ad = '<embed src="jx_html/images/left.jpg" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str;  

  

  

  

  

    // 设置右边的广告代码,如果要和左边的广告一致，可设为 = hbcms_left_ad;  

    // 如果不希望显示右边的广告，可设置为 = '';  

    var hbcms_right_ad = '<embed src="jx_html/images/right.jpg" width="100" height="300" quality="high" wmode="window"></embed>' + hbcms_close_str;  

  

  

    var delta = 0.8;  

    var collection;  

    var closeB = false;  

  

  

    function floaters() {  

        this.items = [];  

        this.addItem = function (id, x, y, content) {  

            document.write('<DIV id=' + id + ' style="Z-INDEX: 10; POSITION: absolute;   width:' + hbcms_ad_width + 'px; height:300px;left:' + (typeof (x) == 'string' ? eval(x) : x) + ';top:' + (typeof (y) == 'string' ? eval(y) : y) + '">' + content + '</DIV>');  

  

  

            var newItem = {};  

            newItem.object = document.getElementById(id);  

            newItem.x = x;  

            newItem.y = y;  

  

  

            this.items[this.items.length] = newItem;  

        }  

        this.play = function () {  

            collection = this.items  

            setInterval('play()', 30);  

        }  

    }  

  

  

  

  

    function play() {  

        if (screen.width <= 800 || closeB) {  

            for (var i = 0; i < collection.length; i++) {  

                collection[i].object.style.display = 'none';  

            }  

            return;  

        }  

        for (var i = 0; i < collection.length; i++) {  

            var followObj = collection[i].object;  

            var followObj_x = (typeof (collection[i].x) == 'string' ? eval(collection[i].x) : collection[i].x);  

            var followObj_y = (typeof (collection[i].y) == 'string' ? eval(collection[i].y) : collection[i].y);  

  

  

            if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) {  

                var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta;  

                dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx));  

                followObj.style.left = followObj.offsetLeft + dx;  

            }  

  

  

            if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) {  

                var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta;  

                dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy));  

                followObj.style.top = followObj.offsetTop + dy;  

            }  

            followObj.style.display = '';  

        }  

    }  

    function closeBanner() {  

        closeB = true;  

        return;  

    }  

  

  

    var theFloaters = new floaters();  

  

  

    theFloaters.addItem('followDiv1', 'document.body.clientWidth-106', hbcms_ad_width, hbcms_right_ad);  

    //右面广告属性,分别是id,x,y,content  

    theFloaters.addItem('followDiv2', 6, hbcms_ad_width, hbcms_left_ad);  

    //左面广告属性,分别是id,x,y,content  

    theFloaters.play();  

  

  

</script>  

<%--漂浮广告结束--%>