当前位置: 首页 > 工具软件 > vTicker > 使用案例 >

vticker.js--垂直滚动插件

薛俊美
2023-12-01

一、使用要求

列表必须是ul>li的格式

html代码

<div class=" myvticker'">

    <ul>

        <li>1、新闻标题</li>

        <li>2、新闻标题</li>

        <li>3、新闻标题</li> 

    </ul>

</div>

js引用vticker.js , 点击下载

$('.myvticker').vTicker({

            speed: 700,//默认值----滚动持续时间700ms

            pause: 4000,//默认值----滚动间隔4000ms

            showItems: 3,//默认值----每次滚动显示的行数

            animation: "",//默认值----滚动动画,默认为空,可选“fade’即第一行最后一行淡入淡出

            mousePause: true,//默认值----鼠标悬停时不滚动,若改为‘FALSE’鼠标悬停继续滚动

            isPaused: false,//默认值----是否暂停,若改为‘TRUE’后停止滚动

            direction: "up",//默认值----向上滚动,‘down’为向下滚动

            height: 0//默认值----容器高度,默认为 0,即根据 showItems 个数自动计算   

});

 

转载于:https://www.cnblogs.com/i-douya/p/6725062.html

 类似资料: