日期:2012-6-12 来源:GBin1.com
在线演示
本地下载
Chronoline.js
是一个javascript的类库用来帮助开发者创建一个按时间来展示的时间线。
整个时间线水平方向显示,我们可以方便的显示任何时间长度的事件,并且提供一个tooltip来展示事件详细内容。
主要特性
需要类库:
- raphael.js: 2.1.0
- jQuery: 1.7.2
- qTip2: 04/24/12 nightly
支持浏览器:
- Internet Explorer 8+ (except the tooltips)
- Firefox 12+
- Chrome 18+
整个类库支持拖放,支持屏幕横向滚动。
如何使用
倒入类库:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="chronoline/jquery.qtip.min.css" />
<script type="text/javascript" src="chronoline/jquery.qtip.min.js"></script>
<script type="text/javascript" src="chronoline/raphael-min.js"></script>
<link rel="stylesheet" type="text/css" href="chronoline/chronoline.css" />
<script type="text/javascript" src="chronoline/chronoline.js"></script>
实例一个时间线:
var timeline1 = new Chronoline(document.getElementById("target1"), events,
{animated: true,
tooltips: true,
defaultStartDate: new Date(2012, 3, 5),
sections: sections,
sectionLabelAttrs: {'fill': '#997e3d', 'font-weight': 'bold'},
});
如果你需要使用时间轴方式来展示你的事件,Chronoline.js是一个不错的选择,希望大家喜欢!如果你有任何问题,请给我们留言!
来源:分享一个基于事件时间线的Javascript类库-Chronoline
分享到:
相关推荐
基于java的开发源码-五线谱处理类库 abc4j.zip 基于java的开发源码-五线谱处理类库 abc4j.zip 基于java的开发源码-五线谱处理类库 abc4j.zip 基于java的开发源码-五线谱处理类库 abc4j.zip 基于java的开发源码-五线...
Python开发基于Opencv的车道线检测源码-可作毕设.zipPython开发基于Opencv的车道线检测源码-可作毕设.zipPython开发基于Opencv的车道线检测源码-可作毕设.zipPython开发基于Opencv的车道线检测源码-可作毕设....
一个作等值线的类库,很好用
嵌入式系统教程 基于Tiva C系列ARM Cortex-M4微控制器__沈建华编著,北京航空航天大学出版社。介绍嵌入式系统的基础知识,并以arm cortex-m4内核mcu tm4c123x为核心,详细讲述mcu应用相关的各种外设模块的原理和编程...
lintcode-396 · 硬币排成线 III-JavaScript实现-经典博弈型动态规划
希望能帮助大家 女里学习C# 升职加薪 出任CEO
基于Java的实例源码-五线谱处理类库 abc4j.zip
基于单片机红外线遥控控制-LED灯显示系统设计与制作课程设计.docx
这里给大家上传了一个可以制作任何图形的类库,直接下载,然后解压后找到自己想要的图形即可
JavaScript开发-简单优雅的sparklines火花线
网络游戏-基于时间线的网络安全事件过程分析方法及系统.zip
ACIS是一个基于面向对象软件技术的三维几何造型引擎,它是美国Spatial公司的产品。它可以为应用软件系统提供功能强大的几何造型功能。 ACIS是用C++技术构造的,它包含了一整套C++类(包括数据成员和方法)和函数,...
TimelineJS: 基于 JavaScript 的故事时间线
基于Java的五线谱处理类库 abc4j.zip
基于java的五线谱处理类库 abc4j.zip
基于螺旋线的Round-Robin Crossbar调度算法
Android 图表生成类库,方便生成各式各样的图表等信息,非常适合项目直接使用
如果你使用JavaScript构建交互丰富的Web应用,那么JavaScript代码可能是造成你的Web应用速度变慢的主要原因。《高性能JavaScript》揭示的技术和策略能帮助你在开发过程中消除性能瓶颈。你将会了解如何提升各方面的...
1、清晰的效果图; 2、完整的源代码以及详细的说明