2010年75个最有用的jQuery插件

13年前

1) jPhotoGrid : This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.

View Demo | Download Plugin

2) maxImage – jQuery Image Scaler : maxImage is a jquery plugin that automatically scales images based on how much room they have in the browser window. The image will always fill your browser window.

View Demo | Download Plugin

3) Picbox : Picbox is a lightweight (around 5KB) javascript image viewer which features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

View Demo | Download Plugin

4) YoxView : YoxView is a free image viewer for websites. It’s written in javascript using jQuery and is available as a jQuery plugin.YoxView displays images above the website’s content, as a separate layer.

View Demo | Download Plugin

5) Spritely : Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on the main page, and dynamic scrolling backgrounds.

View Demo | Download Plugin

6) FocusMagic : This plugin is meant to expedite the basic process of making form fields empty on focus and refill on blur, depending on a few specs. This solution focuses on accessibility as it does not remove the label, just moves it off the viewport. This way, if a user does not have Javascript, CSS, or uses a screen reader, they will still get normal labels.

View Demo | Download Plugin

7) jQuery Slider(Safari Style): jQuery Slider is easy to use and multifunctional jQuery plugin.

View Demo | Download Plugin

8 ) TopUp : TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

View Demo | Download Plugin

9) jMultiselect2side : Multiselect (html select with parameter multiple=”multiple”) normally are very difficult to use. In this plugin, the select is double (double side select), the right one with the selected element, the left side for insert other element.

View Demo | Download Plugin

10) Pines Notify : Pines Notify is a Growl like notification plugin.

View Demo | Download Plugin

11) jQuery Google Charting : A jQuery plugin that sets a division to request a Google chart. In simple words, add Google Charts to your pages via a simple JavaScript interface.

View Demo | Download Plugin

12) jOla : This plugin help to add Ola effect on the text.

View Demo | Download Plugin

13) 3D Cloud Carousel : This is a fast and cross-browser implementation of a 3d carousel – looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript. Easy to use as an unobtrusive plugin with lots of options.

View Demo | Download Plugin

14) bMap : This plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

View Demo | Download Plugin

15) jQuery Path Selector : Path selector is a breadcrumb bar jquery plugin for selection of hierarchic options (similar to address bar of Vista’s Windows Explorer).

View Demo | Download Plugin

16) jqChromeless油Tube : This plugin embeds the Chromeless 油Tube player on an element and plays videos from a 油Tube playlist continuously. You can adjust the player’s size, the playlist ID, show/hide title,controls and playlist by passing parameters to the plugin.

View Demo | Download Plugin

17) Navit : Nav it is a great plugin which converts html lists into navigation. It has many options which include horizontal navigation, vertical navigation, accordion style systems, drop down menu systems and more.

View Demo | Download Plugin

18) Lens Flare : Far from being limited to Photoshop filters, video games and film CGI effects, a basic implementation of lens flares can work quite well in JavaScript too. This jQuery plugin allows you to add a lens flare effect to images.

View Demo | Download Plugin

19) jDoubleSelect : jDoubleSelect is a jQuery plugin to transform one select with optgroups into two selects, the first one with all groups and the second updated with the options of the group selected.

View Demo | Download Plugin

20) zWeatherFeed – Yahoo! Weather Plugin : This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

21) Table Highlighter : Simple plugin to highlight rows & columns to make the table easier to read.

View Demo | Download Plugin

22) jQuery Grid Animated Plugin : The Animated Grid Plugin is a simple bi-dimensional Grid. It was created to be the more flexible as possible to fit into your Html Structure easily without adding extra class. It allow you to manage easily the degradation if javascript is disable with two differents fields in the Css file.

View Demo | Download Plugin

23) Open Standard Media Player : The Open Standard Media Player is an all-in-one media player for the web. This media player is an industry changing, open source (GPL) media player that is built to dynamically deliver any type of web media, including HTML5, 油Tube, Vimeo, and Flash.

Download Plugin

24) zRSSFEED – RSS Feeds Reader Plugin : This plugin will read RSS feeds from any website url using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

25) zFlickrFeed – Flickr Feed Reader : This plugin will read Flickr photo feeds for a user and/or a list of tags. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

View Demo | Download Plugin

26) jQuery Infinite Scroller : jQuery Infinite Scroller lazy-loads more and more articles from a location of your choice in order to allow infinite scrolling of a content list. For example, you may choose to display 10 articles when the page loads, but add a further 10 articles once the user has scrolled towards the bottom of the current list – and so on!

View Demo | Download Plugin

27) FS.Magnify : jQuery fsMagnify plugin is a simple plugin that magnifies the images over a certain ratio by clicking on them.

View Demo | Download Plugin

28) 3D Feature Image Carousel : This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.

View Demo | Download Plugin

29) JDesktop : Framework for making desktop-like environment in a web browser with very cool effects and animations.You can resize, minimize, maximize and drag windows and change windows themes.

View Demo | Download Plugin

30) Sliding Image Gallery : The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner.  The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides.

View Demo | Download Plugin

31) Pajinate – A jQuery Pagination Plugin : A jQuery plugin that reworks a list of DOM elements such that they are presented in a easy to navigate, paged manner.

View Demo | Download Plugin

32) Tiny Carousel : Tiny Carousel is a lightweight Jquery based carousel for sliding html based content. You can slide vertical or horizontal and it supports navigation by button or paging.

View Demo | Download Plugin

33) bgFade : This plugin allows you to duplicate the CSS:hover effect, along with some professional jQuery frosting on top. It’s as easy as :hover, but lets you do a whole lot more.

View Demo | Download Plugin

34) mb.MediaEmbedder : A jquery plugin helps you to show a movie from 油Tube, vimeo, flickr, livestream, ustream. Or to embed your audiopodcast (mp3 file) on your web page.

View Demo | Download Plugin

35) Narrative Select Plugin : A JQuery plugin to homogenize the select box (drop-down) appearance & interaction across modern browsers and OS.

View Demo | Download Plugin

36) jQuery Simple WYSIWYG Editor : Simple editor that comes with easy to customize look (including toolbar).

View Demo | Download Plugin

37) Autogrow Textarea : The Autogrow Textarea plugin is pretty straightforward. It allows textareas to grow as more and more text is typed in it.

View Demo | Download Plugin

38) TagCanvas : TagCanvas is a Javascript class which will draw and animate a HTML5 <canvas> based tag cloud.

View Demo | Download Plugin

39) Loupe and Lightbox : loupeAndLightbox is an image magnifier based off the use of two photography viewing tools: a loupe (or magnifying glass) and a lightbox. loupeAndLightbox uses a smaller image with a link referring to a larger version of the image for magnification effects. No other HTML is required! The .load() function is used for loading images, with error and success methods in place.

View Demo | Download Plugin

40) jQuery File Commander : If you are looking for comfortable files manager on your web serwer similar to Total Commander then you just found it. jQuery File Commander generate two panels with files and allows to make basic operations on them like copy, move, rename which are run on server files.

View Demo | Download Plugin

41) HoverAttribute : HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering. This is foremost intended for <a> tags residing within full-width elements, such as headings or list entries.

View Demo | Download Plugin

42) BlogSlideShow : BlogSlideShow is a JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

View Demo | Download Plugin

43) Magic Scroller : A Practical & Easy to Implement Plugin, this vertical scroll show elements with an elegant style using slice effect, creating a diferent perspective.

View Demo | Download Plugin

44) wdCalender : wdCalendar is a jquery based google calendar clone. It cover most google calendar features like Day/week/month view provided. It can create/update/remove events by drag & drop. You can easily integrate with database.

View Demo | Download Plugin

45) The Footer Plugin : This plugin ensures that the footer of your page always keeps itself at the bottom of the page. If the body height is less than the page height, the footer goes to the bottom of the page. Otherwise it remains attached at end of the content.

View Demo | Download Plugin

46) Dual Slider : A great option to have as a splash feature at the top of your site, highlights recent articles you want to advertise, that might have a nice graphic or even a video…basically anything you want. Plugin takes whatever your database has spat out and pulls it into an attractive dual animated slider. You are only limited by your own creativity in terms of styling or tweaking the animations to suit your needs.

View Demo | Download Plugin

47) jQuery DivGrow Plugin : The plugin will crop the container div to the initial height value and add a link to the bottom to expand it. When clicked the container wil expand to the height set in the div rel attribute (e.g. rel=”300″) and provide a click link to collapse it. The expand and collapse action are animated.

View Demo | Download Plugin

48) Popeye – an inline lightbox alternative : jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

View Demo | Download Plugin

49) jQuery. Scratchie : jQuery Scratchie Scratchie is a fully-customizable scratchcard plugin. Define a background image and an overlay image or color and clicking and click and drag or just drag the mouse over the overlay to reveal the target image underneath.

View Demo | Download Plugin

50) Scroll Something : This is a plugin which helps you to scroll the images. To add a backround image to an item, you only have to put an image in the item. Just give the image a class called “itemBackground”.

View Demo | Download Plugin

51) Get user 非死book Albums and Pictures : get非死bookAlbums is a plugin that allows the user to connect on 非死book and choose a picture among his/her own albums. It’s an alternative to the simple upload form the hard drive disk.

View Demo | Download Plugin

52) JQF1 – jQuery FormOne Form Styling Plugin : jQuery FormOne is the most completer form styling plugin. Compatible with all browsers that allows you to change all attribute with a small coding.

View Demo | Download Plugin

53) AeroWindow : AeroWindow generates very cool Boxes in the Aero Style, inspired by the style of Window7.The popup window offers the usual options and full functionality similar to Windows windows.

View Demo | Download Plugin

54) jQuerynotice : This plugin allows you to show some notifications at the top of your website with just a simple line.

View Demo | Download Plugin

55)  jQuery Easy Confirm Dialog : This is a jQuery based confirm plugin module that will act as the build in confirm-function in javascript but with the ability to style the dialog window. Only using built in jQuery and jQuery UI functions.

View Demo | Download Plugin

56) Sooperfish : SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code.

View Demo | Download Plugin

57) gSearch : gSearch is a lightweight jQuery plugin that helps you embed Google Search Results into your website. With only 2 KB in size it is very flexible and highly customizable.

View Demo | Download Plugin

58) Shadow Animation : With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.

View Demo | Download Plugin

59) 推terize : A simple jQuery plugin that allows you to create a floating div with the latest ‘n’ updates from someone. Optionally you can create a link to go to that user’s 推ter profile.

View Demo | Download Plugin

60) GlobalMoneyInput : GlobalMoneyInput is a jQuery plugin to provide an easy way to input money values. All you need is to include. you can apply a mask to input localized money data based on Microsoft’s jQuery Global plugin.

View Demo | Download Plugin

61) jQuery News Ticker : An easy to use, slick and flexible news ticker in the style of the BBC News page ticker.

View Demo | Download Plugin

62) Canimate : If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc.

View Demo | Download Plugin

63) jGallery : jGallery is a jquery plugin to on a elegant way expose all your images and galleries.

View Demo | Download Plugin

64) imagineMenu Plugin : imagineMenu is a jQuery plugin that lets you imagine all your *image menu* problems far away.

View Demo | Download Plugin

65) jQuery Touchwipe : The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery. It can also work for Android Touchscreens.

View Demo | Download Plugin

66) ezMark – Stylize checkbox and Radiobutton : ezMark is a jQuery Plugin that can stylize checkbox and radiobutton easily. ezMark uses an image replacement for checkbox and radiobutton. Unlike most other script which requires a lot of code, ezMark is very small (minified version is ~1.5kb) and it gracefully degrades.

View Demo | Download Plugin

67) Image Blur : This is little plugin for soft image blur effect on page load (and ‘clear’ on hover/rollover).

View Demo | Download Plugin

68) jQuery Mega Select List : The jQuery Mega Select List plugin converts a long drop down list into a more friendly navigational panel so items can easily be found and selected. This was designed to work with a hierarchy of items, i.e. with options organised into groups. If you have more options in your select list than you can shake a mouse at, use this jQuery plugin to help your website visitors to find what they need.

View Demo | Download Plugin

69) jQ推ter : jQ推ter allows you to display any user’s tweets in a list. You have the ability to set the number of tweets to display as well as the ability to display user’s images and set their size. The list is easy to style with some very basic CSS, as all the elements have their own class. Each 推ter specific links are converted (ie. @ and #). Easy to use and to implement in your site.

View Demo | Download Plugin

70) jReelGallery : A jReelGallery is a small image gallery script based on the default OS window scrolling extended with easing. Supports scrolling, key events (e.g.: down and up arrow keys, home and end button). This plugin is highly customizable.

View Demo | Download Plugin

71) Illuminate with info balloon : When using the plugin you can highlight any kind of element on the webpage. You could use it for demo purpose. When you highlight an element, there is also an option to show a text balloon. It will appear next to the element. This text balloon can contain text and HTML!

View Demo | Download Plugin

72) List Ticker : Plugin to rotate list items inside an unordered list, plugin will automaticlly hide all but the first list items and then rotate them.

View Demo | Download Plugin

73) ShareIt : You can share any content on 非死book or iwiw (or any other site you want) with this simple jQuery plugin.

View Demo | Download Plugin

74) Mobile drag and drop : This project aims to devise a drag and drop style interface with mobile device support.To be precise, most mobile devices “hijack” the action of dragging on the web browser in order to provide scrolling functionality, leaving your drag and drop items sat statically on the page. The idea behind this project is to create an example of drag and drop that works on normal desktop browsers, but also supports mobile devices.

View Demo | Download Plugin

75) Identicon5 : Draws identicons using HTML5 Canvas instead of the Gravatar image link. If Canvas is not supported the plugin defaults to the standard gravatar image link.

View Demo | Download Plugin