js控制的对联式浮动框

时间：2015-06-02 21:14 来源：作者：阅读：次

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为：
<div class="warp">
<div id="box"></div>
</div>

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>

(责任编辑：admin)

相关标签：乔迁对联庆贺对联开业对联赠

上一篇：著名的商品对联广告欣赏
下一篇：2011年最新广告词串联对联