[javascript]代码库
//左边
var left_img = '<a href=http://yuncode.net target=_blank><img src=1.gif border=0></a><br><br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>';
//上边是两个左边的图片效果,不够可以继续加,代码就是"<br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>"
//右边
var right_img = '<a href=http://yuncode.net target=_blank><img src=1.gif border=0></a><br><br><a href="http://yuncode.net" target=_blank><img src=2.gif border=0></a>';
//var right_img='<EMBED src=1.swf quality=high WIDTH=80 HEIGHT=170 TYPE="application/x-shockwave-flash"></EMBED>';
var delta = 0.05
var collection;
function floaters()
{
this.items = [];
this.addItem = function (id, x, y, content)
{
document.write('<DIV id=' + id + ' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;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()', 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();
[代码运行效果截图]
[源代码打包下载]