需要一些 javascript/jquery 水平时间线条示例
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/22914469/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Need some javascript/jquery horizontal Time Line bar example
提问by balron
i m trying to build a horizontal timeline like this:
我试图建立一个这样的水平时间线：
http://w3blog.fr/wp-content/uploads/2011/11/timeline-1920x1080.jpg
http://w3blog.fr/wp-content/uploads/2011/11/timeline-1920x1080.jpg
Event's details(icon with line on picture) won't be shown on page load.On every event(milestone)'s click, smooth animation with thin line and icon (that inside of a circle) will occur and shows details of event.Data will be fetch from server and it will be as hh:mm format.All events will have different icons and There will be one initial value. I saw some similar demo but they have limited options and customization like this:
页面加载时不会显示事件的详细信息（图片上带有线条的图标）。在每个事件（里程碑）的点击中，将出现带有细线和图标（圆圈内）的平滑动画并显示事件的详细信息。数据将从服务器获取，格式为 hh:mm。所有事件都有不同的图标，并且会有一个初始值。我看到了一些类似的演示，但它们的选项和自定义功能有限，如下所示：
http://samuelrouse.com/jqTimeline/
http://samuelrouse.com/jqTimeline/
http://www.jqueryscript.net/demo/Lightweight-jQuery-Timeline-Plugin-jqtimeline/
http://www.jqueryscript.net/demo/Lightweight-jQuery-Timeline-Plugin-jqtimeline/
回答by laaposto
A very good JS library for visualizing timelines based on GWT is Chap-links-libary.
一个非常好的基于 GWT 可视化时间线的 JS 库是 Chap-links-libary。
It is quite flexible, you can choose your create your own layout and use your own CSS/HTML in each individual event.
它非常灵活，您可以选择创建自己的布局并在每个单独的事件中使用自己的 CSS/HTML。
Check it here
在这里检查
回答by dreamweiver
well this is one of my favorites when it comes to vertical timeline example , since its simple and easy to use.
嗯，这是我最喜欢的垂直时间线示例之一，因为它简单易用。
http://tympanus.net/codrops/tag/timeline/?
http://tympanus.net/codrops/tag/timeline/?
