DIV+CSS浮动广告
1：首先讲一下如何取得坐标的一些小问题要获取当前页面的滚动条纵坐标位置，用：
document.documentElement.scrollTop;
而不是：
document.body.scrollTop;
documentElement 对应的是 html 标签，而 body 对应的是 body 标签。
在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;
如果你想定位鼠标相对于页面的绝对位置时，你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft，event.clientY+document.body.scrollTop，如果你发现你的鼠标定位偏离了你的想象，请不要奇怪，这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候，请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}
具体是一个小列子
<script>var lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("adleft").style.top=parseInt(document.getElementById("adleft").style.top)+percent+"px"; document.getElementById("adright").style.top=parseInt(document.getElementById("adright").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; } function adhide(names){document.getElementById(names).style.display='none';} function screencl(names){if(screen.width<=800){adhide(names);}} zcode="<div id='adleft' class='DlLeft' style='top:100px;'><div class='DlBorder'><!--左联 --></div><div align='right' class='Close'> <img src='../images/close.gif' title='关闭 ' onclick=adhide('adleft') style='cursor:pointer'></div></div>"; ycode="<div id='adright' class='DlRight' style='top:100px;'><div style='DlBorder'><!--右联--></div><div align='left' class='Close'> <img src='../images/close.gif' title='关闭 ' onclick=adhide('adright') style='cursor:pointer'></div></div>"; document.write(zcode); document.write(ycode); screencl('adleft'); screencl('adright'); window.setInterval("heartBeat()",1); </script>
DIV的定义是这样
.DlLeft{left:10px; position: absolute;z-index:1;background:#fff;}.DlBorder{overflow:auto;border:#999 solid 1px;}.Close{overflow:auto;background-color:#FFFFFF;font-size:0px;}.DlRight{right:10px;position: absolute;background:#fff;z-index:1;}
页:
[1]