一、使用要求
列表必须是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 个数自动计算 });