横向时间轴
1
标题在左边
横向主要用来做步骤进度
2
标题在左边
横向主要用来做步骤进度
3
标题在左边
横向主要用来做步骤进度
横向时间轴-变异
今天是春节
2022-01-01
春节
2022-01-02
初二
初二想去哪里玩?
你可以看到span里面的日期没对齐,这是故意的,形成错落的感觉,当然你可以调整对应的值让他对齐
2022-01-03
新年第三天
2022-01-04
新年第四天
横向主要用来做步骤进度,第四步
纵向时间轴
时间轴标题
成功都需要每一位想成功的人去努力
时间轴标题
成功都需要每一位想成功的人去努力成功都需要每一位想成功的人去努力
时间轴标题
成功都需要每一位想成功的人去努力成功都需要每一位想成功的人去努力
左右分时间轴
时间轴标题
包裹层追加jk-timeline-vertical-both,居左的在jk-timeline-body/jk-timeline-title追加jk-timeline-left
时间轴标题
居右的在jk-timeline-body/jk-timeline-title追加jk-timeline-right
时间轴标题
成功都需要每一位想成功的人去努力成功都需要每一位想成功的人去努力
左右分时间轴变异
左右2半分标题
在外面套了一层就可以在包裹层设置margin-top的值(根据实际设置,如果jk-timeline-body太窄,会导致覆盖,或者可以加个高度),让空间更加紧凑,功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
左右2半分标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
左右2半分标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
左右2半分标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
左右分时间轴-只让标题在左边
标题在左边
其实就是2半分的变异(把左边的50%变成了更窄默认150px,可以根据实际调整),功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
标题在左边
人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
标题在左边
如果不想靠近就去掉margin-top,默认是靠近的,所以最后一个jk-timeline-body下的div需要设置margin-bottom:0px
纵向时间轴-图片或者数字
1
标题标题标题标题标题标题
可以在span中放数字或者图片功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
标题标题标题标题标题标题标题标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
3
标题标题标题标题标题标题标题标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
纵向时间轴-图片或者数字
1
标题标题标题标题标题标题
可以在span中放数字或者图片功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
标题标题标题标题标题标题标题标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
纵向时间轴-图片或者数字
1
标题标题
可以在span中放数字或者图片功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的
标题标题
功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的人去努力成功都需要每一位想成功的人去努力成功都需要功的