Jquery广告浮动效果小案例

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_30881367

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/laotan/p/3647682.html

本文介绍了一种使用jQuery实现的DIV广告浮动效果。通过监听窗口滚动事件，动态调整指定DIV元素的位置，使其能够跟随用户的滚动而平滑移动。示例中还包括了具体的HTML结构和JavaScript代码。

导入<script src="<%=path%>/html5/js/jquery.js"></script>文件

$(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>

<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>

转载于:https://www.cnblogs.com/laotan/p/3647682.html