需要一些javascript/jquery水平时间线条示例

Question

我试图建立一个这样的水平时间轴:

http://w3blog.fr/wp-content/uploads/2011/11/timeline-1920x1080.jpg

在页面加载时不会显示事件的详细信息(带图片中的线条的图标).在每个事件(里程碑)的点击时,将出现带有细线和图标(圆圈内部)的平滑动画并显示事件的详细信息.数据将从服务器获取,它将为hh:mm格式.所有事件将具有不同的图标,并且将有一个初始值.我看到了一些类似的演示,但它们的选项和定制有限,如下所示:

http://samuelrouse.com/jqTimeline/

http://www.jqueryscript.net/demo/Lightweight-jQuery-Timeline-Plugin-jqtimeline/

Answer 1

基于GWT可视化时间轴的一个非常好的JS库是Chap-links-libary.

它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS/HTML.

检查它在这里