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

时间：2021-05-25

实例如下：

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

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章