首页

关于

使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效

使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效

在线演示1  在线演示2  本地下载

在过去我们的文章中,我们介绍过很多不错的时间轴插件,使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示,其中比较不错的插件如下:

使用以上jQuery插件或者类库都可以创建漂亮的时间轴timline特效。

由于在我们的gbtags.com社区开发中,我们需要创建一个简单实用的用户时间轴应用,这里我们选择使用Timelinr来开发,并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css来创建各种不同的CSS动画特效。

需要使用到的第三方插件和CSS类库如下:

Timelinr是一个时间轴的jQuery插件实现,你可以方便的使用它来生成一个动态的时间轴特效,提供了垂直和水平显示方式,并且支持自动播放。

Animate.css是由Dan…

标签: jQuery, timelinr, animate.css, 时间轴, timeline

阅读更多

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

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

在线演示  本地下载

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

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

主要特性

  • 支持外部社交网站,例如,twitter.com, youtube,flickr,vidmeo,Google Maps 
  • 开源免费
  • 文档齐全
  • 使用简单
  • 支持数据格式:JSON,Google Doc,HTML

如何使用

插入javascript类库 

<head>
<!-- CSS -->
<link href="timeline.css" rel="stylesheet">
<!-- JavaScript -->

标签: 时间轴, timeline, javascript

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.