//左边
var left_img = '
';
//上边是两个左边的图片效果,不够可以继续加,代码就是"
"
//右边
var right_img = '
';
//var right_img='';
var delta = 0.05
var collection;
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()', 10);
}
}
function play()
{
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 = '';
}
}
var theFloaters = new floaters();
theFloaters.addItem('followDiv1', 'document.body.clientWidth-130', 20, '' + right_img + '');
theFloaters.addItem('followDiv2', 20, 20, '' + left_img + '');
theFloaters.play();