function repos(x,y){ //x、y分别是你广告框的宽度和高度
layid = document.getElementById("ddiv") //ddiv的广告框div的id
layid.style.left = (document.documentElement.scrollLeft + document.documentElement.clientWidth - x)+"px"
layid.style.top = (document.documentElement.scrollTop + document.documentElement.clientHeight - y)+"px"
}
</script>
这是广告框的css:style="position:absolutez-index:1width:175pxheight:80px"
然后把上面这个repos(x,y)函数同时用到onload、onscroll、onresize的事件中
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>悬浮广告</title>
</head>
<body>
<div style="height:900pxdisplay:block"></div>
<div id="AdLayer1" style='position: absolutez-index:1left:100pxborder:1px #DDD solidwidth:36pxheight:200pxbackground-color:#CCC'></div>
<div id="AdLayer2" style='position: absolutez-index:1right:100pxborder:1px #DDD solidwidth:36pxheight:200pxbackground-color:green'></div>
<script type="text/javascript">
// 页面初始化
function initEcAd() {
document.all.AdLayer1.style.posTop = 200
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = 200
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1')
MoveRightLayer('AdLayer2')
}
// 移动左面的广告层
function MoveLeftLayer(layerName) {
var x = 100
var y = 100// 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40
var y = document.body.scrollTop + y - diff
eval("document.all." + layerName + ".style.posTop = parseInt(y)")
eval("document.all." + layerName + ".style.posLeft = x")
setTimeout("MoveLeftLayer('AdLayer1')", 20)
}
// 移动右边的广告层
function MoveRightLayer(layerName) {
var x = 100
var y = 100// 右侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40
var y = document.body.scrollTop + y - diff
eval("document.all." + layerName + ".style.posTop = y")
eval("document.all." + layerName + ".style.posRight = x")
setTimeout("MoveRightLayer('AdLayer2')", 20)
}
initEcAd()
</script>
</body>
</html>
给你个思路吧左右对联浮动只用css就可以实现了
设置两个div,设置position属性为fixed
左侧浮动的div,left为0,top设置一定的值
右侧浮动的div,right为0,top设置一定的值