用jQuery实现四个方向的滚动代码,搜索下,发现各式各样的都有,我自己也总结了下,分享一个通用的向上滚动代码,间歇向上无缝滚动。如果你想实现向其他三个方向滚动,直接可以改代码即可,这里就不啰嗦了。直接进入干货环节。
JS代码:
function AutoScroll(obj) { $(obj).find("ul:first").animate({ marginTop: "-25px" }, 500, function () { $(this).css({ marginTop:"0px" }).find("li:first").appendTo(this); }); } $(function (){ setInterval('AutoScroll("#scrollCom")', 4000); });
HTML代码:
<div id="scrollCom" class="flt-ulist dn flt-mo"> <ul> <li>1、2月份以来,金价已从最低1122涨到最高1263,每日均有行情。</li> <li>2、机构预测黄金将是2016年超级英雄,金价有望升至1400美元。</li> </ul> </div>
如果你有什么问题可以 留言给我。
网友评论文明上网理性发言 已有0人参与
发表评论: