js控制的对联式浮动框
1、定位：
选择哪个为参考对象：本项目中是以整个warp包裹的为相对位置：
.warp{ display:block; width:1002px; margin:0 auto; position:relative;}
而浮动框为box:
#box{position:absolute;top:300px;right:70px;width:187px;height:359px;}
html为：
&<p class="warp"&>
&<p id="box"&>&</p&>
&</p&>
2、js控制此box为：
注意写在头部：
&<title&>齐聚门户 畅游网络&</title&>
&<script language="javascript"&>
$(document).ready(function(){
var menuYloc = $("#box").offset().top;
$(window).scroll(function (){
var offsetTop = menuYloc + $(window).scrollTop()-300;（这里的300数字是指与底部的距离，通过调整它来实现，其他地方不用管）
if(offsetTop&<300)
offsetTop = 300;
offsetTop =offsetTop+"px";
$("#box").animate({top : offsetTop },{ duration:0, queue:false });
});
});
&</script&>
&</head&>
标签：
