最好的jQuery时间线(Timeline)插件

admin 9年前

1. Timeglider

timeglider
Timeglider JS is a zooming, panning data-driven timeline widget written in Javascript. This widget is the core of our our timeline authoring and publishing app, and can be integrated into any HTML application environment. Timelines can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller.

2. Timeline Portfolio

timeline portfolio
Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests.

3. Timeliner.js

timeliner
Build a simple, interactive, historical timeline with HTML, CSS, and jQuery. The benefits of this timeline script are that it’s fully accessible and simple, able to handle nearly any form of content, and printer friendly.

4. Slider Timeline

css3 slider timeline menu
Learn to create a slider timeline menu with CSS3 animations and jQuery. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.

5. Timeline

timeline
Timeline is great for pulling in media from different sources. Just throw in a link from 推ter, 油Tube, Flickr, Vimeo, Google Maps or SoundCloud and Timeline will format it to fit perfectly. More media types will be supported in the future. Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.

6. jQuery Timelinr

Timelinerjs
jQuery Timelinr is a simple plugin helps you to give more life to the boring timelines. It supports horizontal and vertical layouts, and you can specify parameters for most attributes: speed, transparency, auto-play and etc… You can also customize the style with CSS easily.

7. Chronoline.js

Chronolinejs
Chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale. From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more.

8. Dynamic Timeline

Dynamic Timeline
Create visually pleasing horizontal or vertical timelines. Chronological or not, it’s great to show off a portfolio etc.

9. Timecube

timecube
Timecube is a fancy jQuery timeline plugin that allows you to navigation through JSON based events by mouse or touch swipe in an animated 3D cube interface based on CSS3 perspective, transition and transform properties. Currently supports Chrome, Opera and Safari.

10. Simple jQuery Timeline Plugin

simple jquery timeline
An easy and lightweight jQuery plugin worked with Knockout library and moment.js for creating a simple vertical timeline on your web page. Click the arrow of a event will expand the event to display more information.

11. MelonHTML5

melonhtml5
The Timeline jQuery plugin eaily allows you to setup a 非死book 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.

12. jQuery Social Timeline

jquery socialtimeline
The DP Social Timeline plugin lets you retrieve status/posts/videos/images from different social networks in a timeline format from the newest to the oldest.