首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 英语文章 > 正文

    [jQuery,Timelinr实现垂直水平时间轴插件(附源码下载)] 高中历史时间轴完整的

    时间：2020-03-28来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果，并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。

    推荐阅读：之前分享过一款 jQuery实现企业发展简史时间轴特效源码 ，它的界面展示效果很不错。

    jQuery Timelinr实现垂直水平时间轴插件(附源码下载)1

    效果展示 源码下载

    使用方法

    使用该时间轴插件需要在页面中引入jQuery和jquery.timelinr.js文件。

    HTML结构

    该时间轴插件的基本HTML结构如下：

    date1 date2

    Lorem ipsum.

    Lorem ipsum.

    + -

    初始化插件

    在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该时间轴插件。

    $(function(){ $().timelinr(); });

    配置参数

    jquery.timelinr.js时间轴插件的配置参数有：

    orientation：时间轴的方向，可选值有：horizontal | vertical默认值为"horizontal"。

    containerDiv：时间轴容器DIV的ID选择器。默认为："#timeline"。

    datesDiv：显示时间的容器的ID选择器。默认为："#dates"。

    datesSelectedClass：当前选中时间的class。默认值为："selected"。

    datesSpeed：时间轴的动画速度。值从100-1000，或"slow"，"normal"，"fast"。默认值为："normal"。

    issuesDiv：信息描述的DIV的ID选择器。默认为："#issues"。

    issuesSelectedClass：当前选择的信息描述的DIV的class。默认值为："selected"。

    issuesSpeed：信息描述的DIV的动画速度。值从100-1000，或"slow"，"normal"，"fast"。默认值为："fast"。

    issuesTransparency：信息描述的DIV的透明度。值0-1之间，默认值为0.2。

    issuesTransparencySpeed：透明度动画的速度。值从100-1000之间，默认为500。

    prevButton：向前按钮的ID选择器。默认为："#prev"。

    nextButton：向后按钮的ID选择器。默认为："#next"。

    arrowKeys：是否允许使用键盘来控制。默认为：false。

    startAt：开始的索引下标，默认为1。

    autoPlay：是否自动播放。默认为"false"。

    autoPlayDirection：自动播放的方向。可选值有：forward | backward。默认值为："forward"。

    autoPlayPause：自动播放的间隔。整数值，1000 = 1秒，默认为2000。

    jquery.timelinr.js时间轴插件的github地址为： https:///juanbrujo/jQuery-Timelinr

    以上所述是关于jQuery Timelinr实现垂直水平时间轴插件的相关内容，希望对大家有所帮助！

    • [jQuery,Timelinr实现垂直水平时间轴插件(附源码下载)] 高中历史时间轴完整的 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文[jQuery,Timelinr实现垂直水平时间轴插件(附源码下载)] 高中历史时间轴完整的由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.