2014-04-07 39 views
1

即時試圖建立一個水平的時間表是這樣的:需要一些JavaScript/jQuery的水平時間線棒例如

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

事件的詳細信息(上圖線圖標)不會在頁面加載顯示。在每個事件(里程碑)的點擊中,會出現細線和圖標(圓圈內)的流暢動畫並顯示事件的詳細信息。數據將從服務器獲取,格式爲hh:mm格式。所有事件會有不同的圖標,並會有一個初始值。 我看到一些相似的demo,但是他們只有有限的選項和自定義是這樣的:

http://samuelrouse.com/jqTimeline/

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

回答

5

一個非常好的JS庫用於可視化基於GWT的時間表是章 - 鏈接 - libary。

它非常靈活,您可以選擇創建自己的佈局,並在每個單獨事件中使用自己的CSS/HTML。

檢查here

+1

Thanks.It類似於一個每次我需要的選項。 – balron

+1

好的建議,更新的網址:http://visjs.org/docs/timeline/ – HdN8

0

嗯,這是我的最愛之一,當涉及到垂直時間表例子,因爲它的簡單和易於使用。

http://tympanus.net/codrops/tag/timeline/

Vertical TimeLine

+0

OP想要一個水平時間線 – laaposto

+0

啊啊,這是一個無賴;)但從邏輯上講,時間軸看起來好多垂直,因爲我們有這麼多活例子證明如此 – dreamweiver