与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

var delta=0.015;

var collection;

var closeB=false;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('

');

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[i].object.style.display = 'none';

}

return;

}

for(var i=0;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-100',0,'

');

theFloaters.addItem('followDiv2',0,0,'

');

theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

浮动对联广告---之左侧代码

如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

var ad_float_left_src ="图片地址";

var ad_float_left_url ="地址";

var ad_float_left_type = "";

document.ns = navigator.appName == "Microsoft Internet Explorer"

var imgheight_close

var imgleft

window.screen.width>800 ? imgheight_close=120:imgheight_close=120

window.screen.width>800 ? imgleft=8:imgleft=122

function myload()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

leftmove();

}

function leftmove()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

setTimeout("leftmove();",50)

}

function MM_reloadPage(init) { //reloads the window if Nav4

resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&

(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;

onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!

=document.MM_pgH) location.reload();

}

MM_reloadPage(true)

function close_float_left(){

myleft.style.visibility='hidden';

}

document.write("

");

myload()}

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

更多信息请查看IT技术专栏