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

一不懂开发的朋友，需要一个左右浮动显示的广告，网上找了一个，放在这里，希望对大家有用。

很简单，只是想能给大家节省一部分时间

<%--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>
<%--漂浮广告结束--%>