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。页面效果如下

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