![[代码样式]jQuery垂直滚动插件Totem [代码样式]jQuery垂直滚动插件Totem](https://www.weimahe.com/wp-content/uploads/2020/08/Y5B4Wo1519.png)
Totem 是一款基于 jQuery 的垂直滚动插件,它带有“向上”、“向下”、“开始”、“停止”四项控制,还可以设置每次滚动的高度、滚动的速度、滚动间隔、鼠标移动到上面停止滚动等等,用来做公告、标题滚动都是不错的。
使用方法
引入文件
<script src="https://www.dowebok.com/js/jquery.min.js"></script> <script src="https://www.dowebok.com/js/jquery.totemticker.min.js"></script>
JavaScript
$(function() {
$('#vertical-ticker').totemticker({
row_height: '100px',
next: '#ticker-next',
previous: '#ticker-previous',
stop: '#stop',
start: '#start',
mousestop: true
});
});
参数
| 参数 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| next | 字符串 | 绑定“下一个”按钮 id | 无 |
| previous | 字符串 | 绑定“上一个”按钮 id | 无 |
| start | 字符串 | 绑定“开始”按钮 id | 无 |
| stop | 字符串 | 绑定“停止”按钮 id | 无 |
| row_height | 字符串 | 每次滚动的高度 | 100px |
| speed | 整数 | 滚动速度 | 800 |
| interval | 整数 | 滚动间隔 | 4000 |
| max_items | 整数 | 可见个数 | 无 |
| mousestop | 布尔值 | 鼠标移到上面是否停止滚动 | false |
Github 地址:https://github.com/buildinternet/totem
