jquery timeline插件展示操作记录

    近期产品提出需要记录管理员在使用小助手APP时的登陆, 转单,派单,退出等关键操作,在web页面展示,要求工作时间轴的形式展现。想到了jquery  timeline插件。

  1 。引入两个js,  jquery.timelinr-0.9.53.js, jquery.min.js,   style.css等文件

  2 。jsp页面关键代码如下

<div id="timeline">
	<ul id="dates">
	</ul>
	<ul id="issues">
	</ul>
</div>

3。js页面调用如下

//初始化时间轴插件
	 $("#timeline #issues li").width("960px");
		$("#timeline").timelinr({
			autoPlay: 'false',
			autoPlayDirection: 'forward',
			mousewheel:    'true',
			startAt: 1
	})

4。页面效果如下


可以点击左右侧中的“登陆”或“转单”等操作来进行左右移动。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值