jQuery Timelinr时间轴插件可以滑动切换、水平和垂直滚动、支持键盘方向键,并且支持鼠标滚轮。
jQuery Timelinr参数设置
参数 | 描述 | 默认值 |
orientation | 时间轴方向,水平“horizontal”,垂直”vertical“ | horizontal |
containerDiv | 时间轴展示主区域ID | #timeline |
datesDiv | 时间轴主轴ID | #dates |
datesSelectedClass | 当前主轴轴点选中样式 | selected |
datesSpeed | 主轴滚动速度,范围为100~1000的整数型,或可设置为'slow', 'normal' or 'fast' | normal |
issuesDiv | 主要内容展示区 | #issues |
issuesSpeed | 对应内容区的滚动速度,范围为100~1000之间的整数型,或设置为'slow', 'normal' or 'fast' | fast |
issuesTransparency | 内容区的切入时的透明度变化速度,范围为100~1000 | 500 |
prevButton | 用于点击展示前一项内容的按钮ID | #prev |
nextButton | 用于点击展示后一项内容的按钮ID | #next |
arrowKeys | 是否支持方向键,true or false | false |
startAt | 初始化起点,即初始化轴点位置,数字 | 1 |
autoPlay | 是否自动滚动,true or false | false |
autoPlayDirection | 滚动方向,forward or backward | forward |
autoPlayPause | 自动滚动时停留时间,毫秒 | 2000 |