JS实现页面数值滚动显示

来源:互联网 发布:淘宝客服时间怎么安排 编辑:程序博客网 时间:2024/05/22 10:27

引用的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;}
原创粉丝点击