本帖最后由 rain 于 2014-11-13 20:45 编辑
 绕死人的浮动框
<html>
<head>
<title>悬浮的广告层</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
function goScroll(o){
var space=document.getElementById(o).offsetTop;
document.getElementById(o).style.top=space+'px';
var goTo = 0;
window.setInterval(function(){
var height =document.documentElement.scrollTop+document.body.scrollTop+space;
var top = parseInt(document.getElementById(o).style.top);
if(height!= top){
goTo = height-parseInt((height - top)*0.9);
document.getElementById(o).style.top=goTo+'px';
}
},50);
}
function init(){
goScroll('con1');
}
</script>
<style>
#con1{
background-color:gray;
left: 0px;
top: 100px;
width:100px;
height:100px;
position: absolute;
z-index = 1;
}
</style>
</head>
<body style="text-align:center">
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="con1">
这是一个广告
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
document.body.scrollTop与document.documentElement.scrollTop两者有个特点，就是同时只会有一个值生效。比如document.body.scrollTop能取到值的时候，document.documentElement.scrollTop就会始终为0；反之亦然。所以，如果要得到网页的真正的scrollTop值，可以这样： var sTop=document.body.scrollTop+document.documentElement.scrollTop;
这两个值总会有一个恒为0，所以不用担心会对真正的scrollTop造成影响。 | 
楼主
<html>
</title>