横向时间轴插件 html5,jQuery横向滚动时间轴插件

该博客介绍了如何利用jQuery创建一个横向滚动的时间轴插件。通过引入CSS和JS文件,然后定义时间轴数据,设置参数,实例化插件,实现了时间轴的动态展示。时间轴上的每个事件点包含名称和日期,适合用于展示一系列按时间顺序发生的事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

特效描述:横向滚动 时间轴。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);

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值