摘要:看到一个很棒的时间轴工具,分享一下地址主页地址项目介绍通过和,把数据和事件进行可视化处理,用创建事件轴,用美化样式,还有适合移动端的方法。创建简单的时间轴只需要一个保存事件的数组使用安装
看到一个很棒的时间轴工具,分享一下:
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
·
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/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 是 由于国...
阅读 2472·2021-10-19 11:45
阅读 2403·2021-09-30 09:56
阅读 1396·2021-09-30 09:47
阅读 579·2019-08-30 15:53
阅读 1817·2019-08-30 15:44
阅读 563·2019-08-30 12:52
阅读 1064·2019-08-30 11:16
阅读 1588·2019-08-29 16:36