仿京东快报向上滚动的实例

2024-05-06 16:41:22

字体：大中小

来源：转载

供稿：网友

实例如下：

<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><script src="http://code.jquery.com/jquery-1.11.0.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="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">aaaaaa</a></li><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">bbbbbb</a></li><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">cccccc</a></li><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">dddddd</a></li><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" 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></body></html>

以上这篇仿京东快报向上滚动的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持VeVb武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：JS排序算法之冒泡排序，选择排序与插入排序实例分析

下一篇：详解webpack require.ensure与require AMD的区别