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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值