一、使用CSS3和jQuery製做的水平時間軸html
這是一個能夠在PC和移動端表現很是棒的水平時間軸,它由上部水平滑塊和下部時間點對應的內容區塊,點擊時間軸上的時間點,下部內容會滑動到對應的內容區塊。使用CSS3和jQuery技術使得時間軸滑塊能夠左右滑動,很是強大。web
詳情:查看詳情ide
二、HTML5+CSS3實現的響應式垂直時間軸佈局
網頁時間軸通常用於展現以時間爲主線的事件,如企業網站常見的公司發展歷程等。本文將給你們介紹一款基於HTML5和CSS3的漂亮的垂直時間軸,它能夠響應頁面佈局,適用於HTML5開發的PC和移動手機WEB應用。網站
查看詳情插件
三、Ideabox : jQuery時間軸htm
時間軸可用於公司大事件、歷史時刻新聞事件展現等應用。它支持多種皮膚、支持圖片+文字說明,支持移動端響應式佈局。blog
查看詳情事件
四、Bootstrap響應式垂直時間軸圖片
咱們將新聞之類的內容按照月份排列,造成了一個垂直的時間軸,當在寬大屏幕上,時間軸的事件是在軸的兩側排列,而在較小的屏幕如手機屏幕,時間軸的事件會排列在軸的一側。固然時間軸事件內容支持任意html元素內容。
五、jQuery時間軸插件:jQuery Timelinr
這是一款可用於展現歷史和計劃的時間軸插件,尤爲比較適合一些網站展現發展歷程、大事件等場景。該插件基於jQuery,能夠滑動切換、水平和垂直滾動、支持鍵盤方向鍵。通過擴展後能夠支持鼠標滾輪事件。