×

jQuery实现单行文字间歇无缝向上滚动效果

作者:Terry2016.02.29来源:Web前端之家浏览:20514评论:0
关键词:jQuery

QQ图片20151125160834.jpg

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>

如果你有什么问题可以 留言给我。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/scrollUp.html

网友评论文明上网理性发言 已有0人参与

发表评论: