vTicker – jQuery垂直滚动插件
分类:代码 日期: 点击(44,795) 下载(1) 来源:未知
简介
vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB。vTicker 支持自定义滚动时间、间隔时间、显示个数、滚动方向(向上/向下)、容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签。不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便。
浏览器兼容
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE6+ ✔ | Chrome ✔ | Firefox ✔ | Opera ✔ | Safari ✔ |
使用方法
1、引入文件
<script src="js/jquery.min.js"></script> <script src="js/jquery.vticker.js"></script>
2、HTML
<div class="dowebok"> <ul> <li>1、新闻标题</li> <li>2、新闻标题</li> <li>3、新闻标题</li> <li>4、新闻标题</li> <li>5、新闻标题</li> <li>6、新闻标题</li> <li>7、新闻标题</li> <li>8、新闻标题</li> </ul> </div>
4、JavaScript
$('.dowebok').vTicker();
配置
属性/方法 | 类型 | 默认值 | 说明 |
---|---|---|---|
speed | 整数 | 700 | 每次滚动持续时间,单位为毫秒 |
pause | 整数 | 4000 | 滚动间隔,单位为毫秒 |
showItems | 整数 | 3 | 显示多少行 |
animation | 字符串 | ” | 滚动动画,默认为空,可选 ‘fade’,既滚动时首位淡入淡出 |
mousePause | 布尔值 | true | 鼠标悬停是否停止滚动 |
isPaused | 布尔值 | false | 默认是否暂停 |
direction | 字符串 | ‘up’ | 滚动方向,可选 ‘up’ / ‘down’ |
height | 整数 | 0 | 容器高度,默认为 0,即根据 showItems 个数自动计算 |
Github 地址:https://github.com/johnantoni/jquery.vticker
标签:jQuery插件
相关文章
-
jQuery计时器插件TimeCircles
-
jQuery跟随滚动插件Scroll Follow
-
jQuery.toTop – jQuery返回顶部插件
-
制作响应式分层幻灯片
-
jQuery导航/表头固定插件Posfixed
-
jQuery缩略图插件jQuery-Fakecrop
-
jQuery幻灯片插件FlexSlider
-
Select-or-Die – jQuery下拉框美化插件
-
强大的jQuery幻灯片插件allinone
-
强大实用的jQuery幻灯片插件Owl Carousel
-
ck_slide – 简单的jQuery幻灯片插件
-
EasyFader – jQuery轻量级响应式幻灯片插件
-
Filterizr – jQuery筛选过滤插件
-
jQuery Lightbox效果插件Boxer
-
jQuery幻灯片插件Sudo Slider