忘记密码?

一键登录

草根吧源码论坛

Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件

查看: 2580|回复: 0

Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件

[复制链接]

5760

主题

704

热度

2187

贡献

管理员

Rank: 9Rank: 9Rank: 9

DZ专员

发表于 2014-11-24 14:53:18 | 显示全部楼层 |阅读模式 | 百度  360  谷歌 
分享到:

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-timeline-plugins

使用这里列出的任意一种jQuery时间轴插件,你可以在你的网页中添加酷炫的交互式时间轴。时间轴的概念不算新,但是脸书把它带火了。从展示社交媒体的更新到罗列历史事件,时间轴确实是一种时序展示的好方法。当然,它也被用于制作创意作品集、公司大事年表等。


01. Timeline with Configurator – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeline-with-configurator1

Timeline是一个jQuery时间轴插件,帮助你用现代化交互式地方法展示你的生活、工作经历或者其它活动。这个插件带有一个配置器,使得你不具备编程技术也能方便地添加、更改、定制时间轴。


02. MelonHTML5 – Timeline  – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 melonhtml5-timeline

The Timeline jQuery plugin eaily allows you to setup a facebook like timeline on your website to show off content. The timeline script comes with 4 different timeline element types (blog post, mini gallery, slider and embedded iframe), each element type has its own unique feature and plenty of customizalbe options, which should suit all your needs. Timeline also comes with 3 pre-designed themes, and you can also create your own theme in a second.


03. jQuery Tweet Feed Plugin – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-tweet-feed-plugin

This is a clean and minimal timeline jQuery plugin allows you to easily display a live twitter timeline on your website! You can easily just copy and paste the one liner code, or get into some more of the detailed configuration.


04. jQuery Social Timeline – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-social-timeline-plugin_thumb

The DP Social Timeline plugin has been build to make it simple for you to retrieve status/posts/videos/images from different social networks and add it all into a timeline format on your website. It is to some extent the same concept as the Facebook timeline.


05. jQuery TimelineXML – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-timeline-xml_thumb

TimelineXML takes time-stamped pieces of content and puts them on a timeline as dots. On hover or click the visitor will see the content you added to the clicked event.


06. jQuery Timeline Slider – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-timeline-slider_thumb

Timeline Slider is a jQuery timeline plugin you can use to build your own history timelines on your web pages. This timeline plugin includes a dark and a light skin and this makes it fit into most web projects. Since this plugin rely on the jQuery library you will find it to be cross-platform.


07. Timeliner – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeliner_thumb

TimeLiner is a cool jQuery timeline plugin you can use to create slideshow like presentations an animating timeline showing progress. It is possible to more or less any HTML based content to the slides, and the process can be skipped and paused.


08. Lateral On-Scroll Sliding with jQuery – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 lateral-on-scroll-sliding-with-jquery_thumb

This is a tutorial showing you how to create a really awesome parallax style timeline. You will have circular elements on one side and the descriptions on the other flying in form the sides as users scroll down.
The code is available for download.


09. jQuery Responsive Timeline – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-responsive-timeline_thumb

With the jQuery Post Timeline plugin you can show a list of post in a cool timeline. The layout (vertical) is very similar to the one we know from Facebook and good news for mobile users… is fully responsive, so it will adapt to mobile devices and tablets!


10. Timeliner.js – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeliner.js_thumb

With this plugin you can create an interactive historical timeline using just HTML, css, and jQuery.


11. Timeline Portfolio with jQuery and CSS3 – MORE INFO /DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeline-portfolio_thumb

The Timeline Portfolio jQuery plugin have been designed for showing chronological series of events. It is possible to embed different types of media including tweets, videos and maps, and associate them with a date. This plugin may be a cool way for e.g. show client work on a timeline as part of an online portfolio.


12. TimelineJS – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeline.js_thumb

The TimelineJS scrips can be used for pulling in media from different sources and adding them to an interactive timeline. You simply add links to Twitter, YouTube, Flickr, Vimeo, Google Maps or SoundCloud and TimelineJS will embed and format posts to fit the timeline.


13. Timeline calendar – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 timeline-calendar_thumb

Timeline calendar really is simple jQuery calendar designed as a timeline. It is a horizontal representation of the days in a month and it can be used to display events with descriptions in a visual and interactive way.


14. Chronoline.js – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 chronoline_thumb

Chronoline.js is a jQeury plugin you can use to create timeline from events that are then added to a horizontal timescale. The plugin generate a graphical representation of schedules, historical events, deadlines, and more from a list of dates and events.


15. Content Timeline – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 content-timeline_thumb

Content timeline is powerful and lightweight responsive jQuery/HTML5/CSS3 plugin, best for displaying any organized content. It is fully customizable, and easily implementable with any js script, video, flash etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.


16. jQuery Timelinr – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 jquery-timelinr_thumb

This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, etc.


17. Easy WordPress Timelines – MORE INFO / DEMO

草根吧 Discuz X3.2模板特效:17种绝妙的jQuery时间轴插件  精品教程 easy-wordpress-timelines_thumb

The Easy WordPress Timelines plugin is really for WordPress and therefore more than a simple jQuery plugin. It makes it simple for WordPress users to create nice timelines and sliders from posts categories. The plugin includes a settings page that helps you define default parameters. Timelines are easy to add to posts and pages as you simply insert a shortcode with your custom parameters and boom!

来源:http://www.tripwiremagazine.com/ ... meline-plugins.html

帖子地址: 

本文来源于草根吧源码论坛 www.caogen8.co,欢迎大家下载。
如果您没有贡献需要充值,可以直接在线充值,点击充值
如果你需要加入本站赞助VIP会员,可以直接在线开通,点击开通
如果找不到您要的资源,请搜索一下,点击搜索
回复

举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆 用百度帐号登录 一键登录:

本版积分规则

收藏帖子 返回列表 搜索
快速回复 返回顶部 返回列表