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

var delta=0.015;

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: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()',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-100',0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');

theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');

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("<div id=myleft style='position:

absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"

+"<style>"

+"A.closefloat:link,A.refloat:visited {text-

decoration:none;color:#000000;font-size:12px}"

+"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"

+"</style>"

+"<table border=0 cellpadding=0 cellspacing=0><tr><td>");

if(document.ns){

if(ad_float_left_type!="swf")

document.write("<a href='" + ad_float_left_url + "' target

= '_blank'><img src='" + ad_float_left_src + "' WIDTH=88

height=31 border=0></a>");

else

document.write("<EMBED src='" + ad_float_left_src + "'

quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-

flash' id=changhongout ></EMBED>");

document.write("</td></tr><tr><td width=80 height=20

align=right><a href='javascript:close_float_left();void(0);'

class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>"

+"</table>"

+"</div>");

myload()}

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

<script src="*.js"></SCRIPT>

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

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