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

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