特效描述:横向滚动 时间轴。jQuery横向滚动时间轴插件
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
var oTimeAxiosFun = null;
$(function () {
var timeList = [
{name:'第一次',time:'2019-11-01'},
{name:'第二次',time:'2019-11-02'},
{name:'第三次',time:'2019-11-03'},
{name:'第四次',time:'2019-11-04'},
{name:'第五次',time:'2019-11-05'},
{name:'第六次',time:'2019-11-06'},
{name:'第七次',time:'2019-11-07'},
{name:'第八次',time:'2019-11-08'},
{name:'第九次',time:'2019-11-09'},
];//参数列表
var param = {
data: timeList,
id: 'cxTime',
width: '200px',
index: 0
}
oTimeAxiosFun = new oTimeAxios(param);
})
该博客介绍了如何利用jQuery创建一个横向滚动的时间轴插件。通过引入CSS和JS文件,然后定义时间轴数据,设置参数,实例化插件,实现了时间轴的动态展示。时间轴上的每个事件点包含名称和日期,适合用于展示一系列按时间顺序发生的事件。
1万+

被折叠的 条评论
为什么被折叠?



