在线演示
Timeline 是我见过的最酷的展示事件随时间发展的javascript实现。你可以基于时间使用讲故事的方式来创建时间轴特效，整个时间轴以幻灯的方式来展示，你可以穿插图片，视频或者是网站，而且拥有非常华丽的动画效果和缩略图效果，非常适合做网站的关于我们功能。
主要特性
- 支持外部社交网站，例如，twitter.com， youtube，flickr，vidmeo，Google Maps
- 开源免费
- 文档齐全
- 使用简单
- 支持数据格式：JSON，Google Doc，HTML
如何使用
插入javascript类库
- nk href="timeline.css" rel="stylesheet">
- <script type="text/javascript" src="jquery-min.js"></script>
- <script type="text/javascript" src="timeline-min.js"></script>
添加生成timeline的div
- <div id="timeline"></div>
初始化timeline
- <script>
- $(document).ready(function() {
- var timeline = new VMM.Timeline();
- timeline.init("your_data.json");
- });
- </script>
搞定！
基本代码如下：
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Timeline - Kitchen Sink</title>
-
- <link href="http://veritetimeline.appspot.com/latest/timeline.css" rel="stylesheet">
-
- <script type="text/javascript" src="http://veritetimeline.appspot.com/latest/jquery-min.js"></script>
- <script type="text/javascript" src="http://veritetimeline.appspot.com/latest/timeline-min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- var timeline = new VMM.Timeline();
- timeline.init("http://veritetimeline.appspot.com/latest/examples/kitchen-sink.json");
- });
- </script>
- </head>
- <body>
- <div id="timeline"></div>
- </body>
- </html>
超酷的JavaScript叙事性时间轴(Timeline)类库,布布扣,bubuko.com
超酷的JavaScript叙事性时间轴(Timeline)类库
原文：http://www.cnblogs.com/xiaochao12345/p/3829805.html
