位置: 编程技术 - 正文

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是否为空)

  • 报关单境外收货人错了怎么办
  • 缴纳工会经费会计处理
  • 哪些行业增值税率1%
  • 税务登记财务负责人可以是法人吗
  • 社保费工商退费金额如何做会计分录呢?
  • 租房免租是什么意思
  • 一般纳税人城建税怎么计算
  • 会务费发票要附上照片吗
  • 专票住宿费认证怎么操作
  • 增值税专用发票有效期是多长时间
  • 资本公积盈余公积区别
  • 营业外收入怎么申报
  • 营改增后房地产公司税种及税率
  • 如何开展分公司
  • 投资性房地产企业有哪些
  • won11更新
  • 路由器隐藏ssid后果严重
  • 转出未交增值税借方余额表示什么
  • 代收代付款项入账需要什么资料
  • php fopen ftp文件不存在
  • PHP:set_file_buffer()的用法_Filesystem函数
  • 增值税检查调整科目还在用吗
  • 微信php开发教程
  • php中定义常量的函数是什么
  • 手撕发票怎样盖章子
  • 增值税发票查询结果不一致是什么意思
  • php面向对象的机制
  • php判断文件是否存在的函数
  • 营业额是营业收入总额吗
  • python合并多个excel
  • 流动比率越高越好嘛
  • 应付职工薪酬总账和明细账
  • 英文描述什么是利润表
  • 存货盘盈盘亏会涉及到其他应收款吗
  • 社保滞纳金计入个人账户吗
  • 员工辞退补偿金扣个税吗
  • 什么情况可以行政拘留不予执行
  • 微信转账和支付宝转账的区别
  • 营业外支出会计科目
  • 小规模纳税人的增值税账务处理
  • mac怎么下载postman
  • 加计扣除进项税额是什么意思
  • 进项票和销项票金额一样可以吗
  • 商誉的会计核算怎么核算
  • 汇算清缴纳税调整需要做账吗
  • 材料暂估入库时需要考虑增值税进项税吗
  • 借别人账户过钱
  • 本年利润为
  • 增值税年末结转的会计处理
  • 固定资产处置怎么报税
  • 从个人处借款的会计分录
  • 汇算清缴主要检查什么
  • 去税局购买税盘要注意什么
  • 单位租用员工个人的车可以不收租吗
  • 企业支付宝要交税吗?
  • 完全成本法损益表
  • 低值易耗品最新定义
  • 如何查看连接网络的密码
  • centos7怎么变成图形化界面
  • freebsd怎么安装软件
  • cmos是一种什么芯片
  • ubuntuiso
  • linux修改密码认证令牌错误
  • apache 443
  • [置顶] 此外,车牌号:458143(懂得都懂[吃瓜])
  • 在vs中搭建opengl环境
  • excel实现多选
  • unityai寻路
  • IE hack条件写法
  • jquery设置禁用
  • 我决定放弃了你却对我笑了
  • shell中的grep怎么用
  • linux pop
  • unity导出资源包
  • 安卓自定义app
  • 季度企业所得税分录
  • 地税发票怎么开 步骤
  • 拆迁房抵税政策
  • 两不一欠自查报告怎么写
  • 个人所得税减免申报操作流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设