jQuery无缝向上滚动效果

最新推荐文章于 2025-06-21 10:55:45 发布

yx_cos

最新推荐文章于 2025-06-21 10:55:45 发布

阅读量6.4k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： html js jquery 文章标签：无缝滚动 js效果

本文链接：https://blog.youkuaiyun.com/yx_cos/article/details/79132025

该篇通过js和jquery两种写法来实现内容无缝向上滚动的一个效果，废话不多说，直接上代码

（1）向上滚动

HTML：

 <div id="demo" style="height:110px;overflow:hidden;">
        <div id="demo1">
            <ul class="prizelist">
                <li><span>21:01:03 </span><span>137****6943</span><span> ¥6.06</span></li>
                <li><span>21:01:03 </span><span>137****6943</span><span> ¥6.06</span></li>
                <li><span>21:01:03 </span><span>137****6943</span><span> ¥6.06</span></li>
                <li><span>21:01:03 </span><span>137****6943</span><span> ¥6.06</span></li>
                <li><span>21:01:03 </span><span>137****6943</span><span> ¥6.06</span></li>
                <li><span>21:01:03