摘要:看到一個很棒的時間軸工具,分享一下地址主頁地址項目介紹通過和,把數據和事件進行可視化處理,用創建事件軸,用美化樣式,還有適合移動端的方法。創建簡單的時間軸只需要一個保存事件的數組使用安裝
看到一個很棒的時間軸工具,分享一下:
github地址 https://github.com/sbstjn/timesheet.js
主頁地址:http://sbstjn.github.io/timesheet.js/
通過html5和CSS3,把數據和事件進行可視化處理,用JavaScript創建事件軸,用CSS美化樣式,還有適合移動端的方法。
作者最近一直在更新,github上有超過4500個star、300多fork,還是比較值得信賴的。
效果圖 使用只需要引入 Timesheet.js 和配置你的數據,不依賴別的庫,不需要 jQuery 、Angular.JS。只是用幾行JavaScript去創建HTML5布局的界面、用CSS自定義界面樣式。
創建簡單的時間軸只需要一個保存事件的JS數組:
new Timesheet("timesheet-default", 2002, 2013, [ ["2002", "09/2002", "A freaking awesome time", "lorem"], ["06/2002", "09/2003", "Some great memories", "ipsum"], ["2003", "Had very bad luck"], ["10/2003", "2006", "At least had fun", "dolor"], ["02/2005", "05/2006", "Enjoyed those times as well", "ipsum"], ["07/2005", "09/2005", "Bad luck again", "default"], ["10/2005", "2008", "For a long time nothing happened", "dolor"], ["01/2008", "05/2009", "LOST Season #4", "lorem"], ["01/2009", "05/2009", "LOST Season #4", "lorem"], ["02/2010", "05/2010", "LOST Season #5", "lorem"], ["09/2008", "06/2010", "FRINGE #1 & #2", "ipsum"] ]);使用Bower安裝
$ > bower install https://github.com/sbstjn/timesheet.js.git
·
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91484.html
摘要:一個專注于瀏覽器端和兼容的包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具,能在中識別和記錄模式。健壯的優雅且功能豐富的模板引擎。完整的經過充分測試和記錄數據結構的庫。 【導讀】:GitHub 上有一個 Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發起維護的 JS 資源列表...
摘要:轉載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:轉載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:官網全新的靜態包管理器。官網一個整合和官網的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。官網小巧的兼容的所見即所得的富文本編輯器。官網富文本編輯器。官網由制作,適用于每天寫作的富文本編輯器。 1. 包管理器 管理著 javascript 庫,并提供讀取和打包它們的工具。 npm:npm 是 javascript 的包管理器。官網 cnpm:cnpm 是 由于國...
閱讀 2490·2021-10-19 11:45
閱讀 2472·2021-09-30 09:56
閱讀 1439·2021-09-30 09:47
閱讀 593·2019-08-30 15:53
閱讀 1838·2019-08-30 15:44
閱讀 586·2019-08-30 12:52
閱讀 1089·2019-08-30 11:16
閱讀 1613·2019-08-29 16:36