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

2024-04-27 14:21:51

字体：大中小

来源：转载

供稿：网友

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

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

在线演示

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

插入javascript类库

Html代码

添加生成timeline的div

Html代码

初始化timeline

Js代码

搞定！

基本代码如下：

Html代码

<!DOCTYPEhtml>
<htmllang="en">
<head>
<title>Timeline-KitchenSink</title>
<linkhref="http://veritetimeline.appspot.com/latest/timeline.css"rel="stylesheet">
<scripttype="text/javascript"src="http://veritetimeline.appspot.com/latest/jquery-min.js"></script>
<scripttype="text/javascript"src="http://veritetimeline.appspot.com/latest/timeline-min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
vartimeline=newVMM.Timeline();
timeline.init("http://veritetimeline.appspot.com/latest/examples/kitchen-sink.json");
});
</script>
</head>
<body>
<divid="timeline"></div>
</body>
</html>

学习交流

硬盘分区如何设置准确的分区空间

热门图片

猜你喜欢的新闻

猜你喜欢的关注