左右对联浮动只用css就可以实现了
设置两个div，设置position属性为fixed
左侧浮动的div，left为0，top设置一定的值
右侧浮动的div，right为0，top设置一定的值
明白原理最重要，浮动广告的原理是，浮动层在z轴的最顶层，也就是设一个层，把它的css z属性设为99999, 这样这个层就能浮动在最上方，然后在js中侦听scroll事件，当OnScroll事件产生是不断实时改变这个层的CSS属性的相对位置，以实现浮动的目的。关闭按钮同时侦听自己身的onClick事件发生时，浮动层的display属性设为none这样就可以关闭浮动层了。至于浮层内的广告，你可以用ifame 在层内插入你要展示的内容，如果广告内容有变化，直接更新ifame所引用的thml文件的内容就是了，这样就可以做成广告管理系统，管理需要变更的广告而无需要修改代码。原理告诉你了，至于如何实现应该不是难事，自己动手找资料，找教程慢慢试着能不能实现吧，一旦做出来，你就有巨大的进步了。我写了个简单的，自己根据具体情况修改吧<script>
function
ddd()
{
//alert("ddd")
document.getelementbyid("chip1").style.top=document.body.scrolltop
+50
document.getelementbyid("chip2").style.top=document.body.scrolltop+50
}
</script>
<body
onscroll="ddd()"
bgcolor="#ffffff"
text="#000000"
>
<div
id="chip1"
style="position:absolute
width:100
height:400left:0pxtop:50pxbackground:#00dd00">
<a
href="rm/ad1.htm"><img
src="
http://www.baidu.com/img/logo.gif
"
border=0></a>
</div>
<div
id="chip2"
style="position:absolute
width:100
height:400left:1000pxtop:50pxbackground:#00dd00">
<a
href="rm/ad2.htm"><img
src="
http://www.baidu.com/img/logo.gif
"
border=0></a>
</div>
<center>
<p>
<p>
<p>
<p>
<p>
dd
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
dd
<p>
<p>
<p>
<p>
<p>
</center>
</body>
