1. 程式人生 > >js寫的 幾款時間軸

js寫的 幾款時間軸

1、使用CSS3和jQuery製作的水平時間軸

這是一個可以在PC和移動端表現非常棒的水平時間軸,它由上部水平滑塊和下部時間點對應的內容區塊,點選時間軸上的時間點,下部內容會滑動到對應的內容區塊。使用CSS3和jQuery技術使得時間軸滑塊可以左右滑動,非常強大。

詳情:檢視詳情

2、HTML5+CSS3實現的響應式垂直時間軸

網頁時間軸一般用於展示以時間為主線的事件,如企業網站常見的公司發展歷程等。本文將給大家介紹一款基於HTML5和CSS3的漂亮的垂直時間軸,它可以響應頁面佈局,適用於HTML5開發的PC和移動手機WEB應用。

檢視詳情

3、Ideabox : jQuery時間軸

時間軸可用於公司大事件、歷史時刻新聞事件展示等應用。它支援多種面板、支援圖片+文字說明,支援移動端響應式佈局。

檢視詳情

4、Bootstrap響應式垂直時間軸

我們將新聞之類的內容按照月份排列,形成了一個垂直的時間軸,當在寬大螢幕上,時間軸的事件是在軸的兩側排列,而在較小的螢幕如手機螢幕,時間軸的事件會排列在軸的一側。當然時間軸事件內容支援任意html元素內容。

下載地址(非官方下載地址,不保證安全)

檢視詳情

5、jQuery時間軸外掛:jQuery Timelinr

這是一款可用於展示歷史和計劃的時間軸外掛,尤其比較適合一些網站展示發展歷程、大事件等場景。該外掛基於jQuery,可以滑動切換、水平和垂直滾動、支援鍵盤方向鍵。經過擴充套件後可以支援滑鼠滾輪事件。

檢視詳情