JS实现页面数值滚动显示

最新推荐文章于 2024-06-24 15:18:02 发布

隔壁老方

最新推荐文章于 2024-06-24 15:18:02 发布

阅读量8k

点赞数 1

分类专栏： js 文章标签： javascript css

本文链接：https://blog.csdn.net/fangkecool2008/article/details/78432478

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

引用的js:
jquery.totemticker.min.js

        $("#vertical-ticker").append('<li><a>数据</a></li>');

前端代码————————–

        <ul id="vertical-ticker">
        </ul>

css代码———————————————–

    $('#vertical-ticker').totemticker({
        row_height: '45px',
        next: '#ticker-next',
        previous: '#ticker-previous',
        stop: '#stop',
        start: '#start',
        mousestop: true,
        speed:'100',
        max_items:'1',
        interval:'3000'
    });

#vertical-ticker{
    width: 500px;
    height:10px;
    overflow:hidden;
    margin:0 auto; padding:0;
    float: left;
    }

#vertical-ticker li{
    padding:10px 20px;
    text-align:center;
    font-size:8px;
    font-family: Helvetica Neue, times, serif;
}
#vertical-ticker li a{
    color:#FFF;
}