超酷的JavaScript叙事性时间轴(Timeline)类库

时间：2014-07-09 22:43:06 阅读：401 评论：0 收藏：0 [点我收藏+]

bubuko.com,布布扣

Timeline 是我见过的最酷的展示事件随时间发展的javascript实现。你可以基于时间使用讲故事的方式来创建时间轴特效，整个时间轴以幻灯的方式来展示，你可以穿插图片，视频或者是网站，而且拥有非常华丽的动画效果和缩略图效果，非常适合做网站的关于我们功能。

主要特性

插入javascript类库

Html代码

添加生成timeline的div

Html代码

初始化timeline

Js代码

搞定！

基本代码如下：

Html代码

<!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>

原文地址：http://www.cnblogs.com/xiaochao12345/p/3829805.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行