联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

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

作者:98wpeu发布时间:2026-05-07分类:网页前端技术浏览:2


导读:用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>

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


网页前端技术排行
最近发表
网站分类
标签列表