日期:2012-8-13 来源:GBin1.com
在线演示1
在线演示2
本地下载
在过去我们的文章中,我们介绍过很多不错的时间轴插件
,使用这些超棒的插件可以帮助你创建动感漂亮的时间轴展示,其中比较不错的插件如下:
使用以上jQuery插件或者类库都可以创建漂亮的时间轴timline特效。
由于在我们的gbtags.com
社区开发中,我们需要创建一个简单实用的用户时间轴应用,这里我们选择使用Timelinr来开发,并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css
来创建各种不同的CSS动画特效。
需要使用到的第三方插件和CSS类库如下:
Timelinr是一个时间轴的jQuery插件实现,你可以方便的使用它来生成一个动态的时间轴特效,提供了垂直和水平显示方式,并且支持自动播放。
Animate.css
是由Dan Eden开发的一套超棒的CSS动画类库,帮助你使用纯CSS来实现各种不同的动画特效。前面我们曾经专题介绍过Animate.css
,如果你不了解,请阅读这篇文章:超棒的跨浏览器纯CSS动画实现 - Animate.css
fixie.js
在我们以前的文章中介绍过,是一个自动帮助你填充内容的迷你类库,如果你厌倦了拷贝一堆内容的话,可以使用它来自动生成内容,个人非常喜欢,这里我将使用它来生成图片和文字内容。
......
标签:时间轴插件
来源:使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
分享到:
相关推荐
jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平和垂直时间轴效果,并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。
插件描述:jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。 参考示例:http://www.jq22.com/jquery-info6057
jQuery时间轴插件Timelinr是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。
jQuery Timelinr左右滚动时间轴插件
jQuery Timelinr时间轴插件 jQuery Timelinr时间轴插件 jQuery Timelinr时间轴插件 jQuery Timelinr时间轴插件
时间轴插件
jquery.timelinr.js是一款效果非常炫酷的jQuery时间轴插件。jquery.timelinr可以制作水平...使用该时间轴插件需要在页面中引入jQuery和jquery.timelinr.js文件。 [removed][removed] <script src=js/jquery.timeli
这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 HTML 我们在...
时间表的显示,支持水平和垂直的布局 在线演示: http://www.csslab.cl/ejemplos/timelinr/latest/horizontal.html http://www.csslab.cl/ejemplos/timelinr/latest/vertical.html
jquery三种不同类型时间轴切换展示幻灯特效,先给大家展示效果图,喜欢的朋友可以下载源码哦。 查看效果 源码下载 文件引用: [removed][removed] [removed][removed] [removed] $(function(){ $().timelinr...
精确到分钟,可随意滑动,并记录时间,取得开始时间和结束时间
支持水平和垂直布局,您可以为大多数属性指定参数:spe jQuery Timelinr Dando vida al tiempo /赋予生命时间这个简单的插件可帮助您为无聊的时间轴赋予更多生命。 支持水平和垂直布局,您可以为大多数属性指定参数...
$().timelinr({ 03 orientation: 'vertical', 04 issuesSpeed: 300,/*对应时间的内容上下轮换的速度*/ 05 datesSpeed: 100,/*时间上下轮换的速度*/ 06 issuesSpeed: 500,/*上下滚动的速度*/ 07 arrowKeys: '...