jQuery垂直滚动插件Totem

分类:代码 日期:

jQuery垂直滚动插件Totem

演 示 下 载

Totem 是一款基于 jQuery 的垂直滚动插件,它带有“向上”、“向下”、“开始”、“停止”四项控制,还可以设置每次滚动的高度、滚动的速度、滚动间隔、鼠标移动到上面停止滚动等等,用来做公告、标题滚动都是不错的。

使用方法

引入文件

<script src="js/jquery.min.js"></script>
<script src="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

标签:
查看演示

下载本素材需消耗 50 积分

无法下载?立即反馈