导入<script src="<%=path%>/html5/js/jquery.js"></script>文件
<SCRIPT type="text/javascript">
$(document).ready(function(){
var menuYloc =
$("#DIVFLOAT").offset().top;
$(window).scroll(function (){
var
offsetTop = menuYloc + $(window).scrollTop() +"px";
$("#DIVFLOAT").animate({top : offsetTop },{ duration:100 , queue:false });
});
});
</SCRIPT>
<body>
<!--与top的距离-->
<div style="POSITION: absolute; top:50px ; left:
100px;background-color: white; width: 50px;padding-left: 60px"
id="DIVFLOAT">
<table>
<c:forEach begin="1" end="4" step="1" var="i"
>
<tr>
<td>DIV广告浮动效果</td>
<td> </td>
</tr>
</c:forEach>
</table>
</div>
<div
style="float:left;
top:40px;left:30px;background-color:white;width:100px;">
<c:forEach
begin="1" end="200" step="1" var="i" varStatus="r"
>
<table>
<tr>
<td>左边参照${i
}==${r.index }==${r.count
}</td>
</tr>
</table>
</c:forEach>
</div>
</body>
Jquery广告浮动效果小案例,布布扣,bubuko.com
原文：http://www.cnblogs.com/laotan/p/3647682.html