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

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

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

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

var hbcms_ad_width = 100;

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

var hbcms_close_str = '

关闭

';

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

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

var hbcms_left_ad = '' + hbcms_close_str;

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

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

var hbcms_right_ad = '' + 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('

' + content + '

');

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();