jquery纵向时间轴插件_Bootstrap响应两侧时间轴特效代码Timeline-插件特效-星河码客

基于Bootstrap的响应式垂直时间轴jQuery插件。该垂直时间轴基于Bootstrap的网格系统，它使用简单，每个时间节点还可以制作轮播图效果。它的特点还有：基于Bootstrap网格系统，响应式设计。点击每一个时间节点的头部可以展开或收缩面板。每一个面板都可以制作多事件轮播图效果。使用方法使用该时间轴插件需要在页面中引入Bootstrap的相关文件，以及jquery.eeyellow.Timeline.css和jquery，jquery.eeyellow.Timeline.js文件。 HTML结构该时间轴插件的基本HTML结构如下，每一个

元素是一个时间节点。

2016 3月: Feb 03

Event Heading

......

......

...
Jan 2016
Dec 2015
Oct 2015
Sep 2015
Aug 2015

初始化插件在页面DOM元素加载完毕之后，可以通过vivaTimeline()方法来初始化该时间轴插件。$('.VivaTimeline').vivaTimeline();配置参数该时间轴插件有2个可用的配置参数：carousel：启用或禁用面板的轮播图功能。默认值为true。$('.VivaTimeline').vivaTimeline({ carousel: true});carouselTime：轮播图的播放速度。默认值为10000毫秒。$('.VivaTimeline').vivaTimeline({ carousel: true, carouselTime: 3000});

jquery纵向时间轴插件_Bootstrap响应两侧时间轴特效代码Timeline

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»