近期产品提出需要记录管理员在使用小助手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。页面效果如下
可以点击左右侧中的“登陆”或“转单”等操作来进行左右移动。