jQuery实现简单的间隔向上滚动效果


本文实例讲述了jQuery实现简单的间隔向上滚动效果的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<div id="broadcast" class="bar" name="giftactive">
 <div style="float:left"><strong>间隔滚动效果:</strong></div>
 <div id="demo" style="overflow:hidden;height:22px;line-height:22px;">
     <ul class="mingdan" id="holder">
  <li><a href="#" target="_blank">aaaaaa</a></li>
  <li><a href="#" target="_blank">bbbbbb</a></li>
  <li><a href="#" target="_blank">cccccc</a></li>
  <li><a href="#" target="_blank">dddddd</a></li>
  <li><a href="#" target="_blank">eeeeee</a></li>
     </ul>
 </div>
</div>
<script type="text/javascript">
function AutoScroll(obj) {
 $(obj).find("ul:first").animate({
 marginTop: "-22px"
 }, 500, function() {
 $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
 });
 }
 $(document).ready(function() {
 setInterval('AutoScroll("#demo")', 1000)
 });
</script>

希望本文所述对大家的jQuery程序设计有所帮助。



相关阅读:
Android实现信号强度监听的方法
jQuery 回车事件enter使用示例
Android笔记之:App自动化之使用Ant编译项目多渠道打包的使用详解
设置disabled属性后台读不到数据如何让select支持readonly
Win10激活工具分享 Win10一键永久激活教程
sql清空表数据后重新添加数据存储过程的示例
php文件缓存方法总结
MySQL 删除大表的性能问题解决方案
用javascript将数据导入Excel示例代码
Win7电脑屏幕横过来问题的解决方法
Android消息通知栏的实现方法介绍
Java中synchronized关键字修饰方法同步的用法详解
Ajax技术组成与核心原理分析
Win10 Build 10108有哪些更新?版本号10108内部详细更新清单
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4