位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享jQuery Timelinr实现垂直水平时间轴插件(附源码下载),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

效果展示 源码下载

使用方法

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

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

HTML结构

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

初始化插件

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

配置参数

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

orientation:时间轴的方向,可选值有:horizontal | vertical默认值为'horizontal'。containerDiv:时间轴容器DIV的ID选择器。默认为:'#timeline'。datesDiv:显示时间的容器的ID选择器。默认为:'#dates'。datesSelectedClass:当前选中时间的class。默认值为:'selected'。datesSpeed:时间轴的动画速度。值从-,或'slow','normal','fast'。默认值为:'normal'。issuesDiv:信息描述的DIV的ID选择器。默认为:'#issues'。issuesSelectedClass:当前选择的信息描述的DIV的class。默认值为:'selected'。issuesSpeed:信息描述的DIV的动画速度。值从-,或'slow','normal','fast'。默认值为:'fast'。issuesTransparency:信息描述的DIV的透明度。值0-1之间,默认值为0.2。issuesTransparencySpeed:透明度动画的速度。值从-之间,默认为。prevButton:向前按钮的ID选择器。默认为:'#prev'。nextButton:向后按钮的ID选择器。默认为:'#next'。arrowKeys:是否允许使用键盘来控制。默认为:false。startAt:开始的索引下标,默认为1。autoPlay:是否自动播放。默认为'false'。autoPlayDirection:自动播放的方向。可选值有:forward | backward。默认值为:'forward'。autoPlayPause:自动播放的间隔。整数值, = 1秒,默认为。jquery.timelinr.js时间轴插件的github地址为: Timelinr实现垂直水平时间轴插件的相关内容,希望对大家有所帮助!

使用jQuery判断Div是否在可视区域的方法 判断div是否可见 !DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

实例讲解jquery中mouseleave和mouseout的区别 本文详细的介绍了关于jQuery中mouseleave和mouseout的区别,分享给大家供大家参考,具体内容如下很多人在使用jQuery实现鼠标悬停效果时,一般都会用到mouse

jQuery simplePage+AJAX plus分页插件用法实例 本文实例讲述了jQuerysimplePage+AJAXplus分页插件。分享给大家供大家参考,具体如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

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

本文链接地址:https://www.jiuchutong.com/biancheng/381968.html 转载请保留说明!

上一篇:jquery拖拽排序简单实现方法(效果增强版)(jquery拖拽流程布局)

下一篇:使用jQuery判断Div是否在可视区域的方法 判断div是否可见(jquery判断div是否为空)

  • 小规模纳税人公户的钱怎么转出来
  • 增值税报表解读
  • 计算本月所得税税率为25%
  • 净现值为零时的收益率
  • 劳务公司发放农民工工资的三种形式
  • 职工薪酬包括哪三个方面
  • 海关完税凭证如何抵扣进项税
  • 公司厨房用品专用发票怎么处理?
  • 私募过来的资金怎么做会计分录?
  • 其他应付款跨年如何应对
  • 个人终止投资经营
  • 少缴纳个人所得税的需要付什么责任
  • 小规模纳税人开票要交印花税吗
  • 详细解读财税[2014]75号文件
  • 二手房增值税税率表2023年最新
  • 混合销售行为如何缴纳消费税
  • 设计费开专用发票几个点
  • 个人去税务局开劳务发票要交多少税
  • 发票红冲作废是什么意思
  • 跨年应收账款账务错误怎么调整
  • 支付股息如何做账务处理
  • 金融负债包括哪几项
  • 出纳现金管理的目标与方法
  • 以前年度费用漏记了怎么办小企业会计准则
  • 不动产在建工程领用原材料的分录
  • 核定征收怎么申报个人经营所得
  • 蓝牙耳机连电脑
  • 用约当产量法怎么计算约当总产量
  • 非货币性资产投资计入什么科目
  • html页面间传数据
  • php curl爬虫
  • php xml转数组
  • php gzip压缩
  • 图像的生成原理
  • vue3使用ref获取元素
  • 文本生成图像前景怎么样
  • iframe之间通信
  • 公司购买电脑怎么入账科目
  • 帝国cms移动端
  • mysql 测试
  • mongodb cond
  • 购买材料发票未到如何做账?
  • sql查询树状数据
  • 建筑工程企业人才优势怎么写
  • 事业单位购入
  • 预收账款的账务处理怎么对企业有利
  • 公司用现金支付货款
  • 银行贷款如何做到量价平衡管理
  • 车辆按揭利息财务怎么算
  • 账户分类的作用是什么
  • 结算专用章是财务章吗
  • 其他应付款的核算范围包括应付短期租赁
  • 股权变更需要多久
  • 外资房地产企业 利润汇出比例
  • 公司应收票据增加意味着什么
  • 企业的投资公司 私募
  • mysql %d
  • Windows 2003 SP2 简体中文版下载地址
  • 组策略怎么用
  • 通过修改注册表来修改chrome配置
  • win10的svchost干什么的
  • windowsxp关闭窗口操作方法有哪些
  • linux修改文件权限
  • npscheck.exe - npscheck是什么进程 有什么用
  • win7隐藏文件怎么调出来
  • linux怎么操作命令
  • 画布canvas的基本步骤
  • 快速掌握押韵技巧
  • node.js cookie-parser 中间件介绍
  • html和js如何应用
  • python中读取文件
  • python编写下载器
  • Python函数中仅允许有一条return语句
  • javascript 分号
  • 关闭计算机盖的功能
  • 税务公众电话
  • 发票纳税人识别号错了能报销吗
  • 银行流水怎么查
  • 海关税怎么交 怎么算
  • 地税跟国税是在一起吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设