Jquery's 45 classic plug-in applications

Source: Internet
Author: User
Tags jquery accordion
Document directory
  • Jquery sliding door
  • Jquery Image Processing
  • Jquery navigation menu
  • Jquery accordion Effect
  • Jquery Image Browsing
  • Jquery chart
  • Jquery Editor
  • Jquery flash plug-in
  • Jquery Tab
  • Jquery lightbox
  • Jquery grid data plug-in
  • Jquery region Processing
  • Very cool jquery plug-in for animation Effects
  • Jquery plug-in worth a try
  • Jquery Web Application
Jquery sliding door

1) slider gallery-this is a jquery sliding door product that imitates the apple website. the 'product display slide door' is a gallery that goes straight forward. It shows product images in a limited space and supports sliding of tab labels and backward buttons.

  • Live Demo: here

2) accessible slider-Restrictions strations and Code show how to easily create a sliding door UI control bar without any JavaScript or CSS knowledge.

  • Live Demo: here
Jquery Image Processing

3) crop, labelover and pluck-This jquery script allows your visitors to control images and perform operations such as image cutting.

  • Live Demo of crop: here
  • Live Demo of labelover: here

4) semitransparent rolovers-a simple script to make the image translucent

  • Live Demo of crop: here

5) Creating a sliding image puzzle plug-in-creates a puzzle effect based on the total container, which is very special.

  • Live Demo: here
Jquery navigation menu

6) Digg header-this is a Digg-like navigation menu with variable width, drop-down menu, exquisite search box, and simple color change. In short, there are many merits, A powerful navigation menu.

  • Live Demo: here
  • Download Code: from here

7) The icondock-A jquery JavaScript library plug-in allows you to create a special effect menu similar to the Mac OS X operating system dock menu.

  • Live Demo: here
  • Download Code: from here

Similarly, the CSS dock menu-home page is also very beautiful!

Jquery accordion Effect

8) Horizontal accordion-this plug-in provides some simple options for you to easily control the Display Effect of the accordion.

9) hoveraccordion-This jquery plug-in generates a beautiful level-2 cascading menu

Jquery Image Browsing

10) Step carousel viewer-a sliding door application. The content area can be an image or HTML rich text content.

11) featured content glider-allows you to display different webpage content in a limited space. You can use paging navigation and buttons to perform operations. manual mode and automatic slide playback mode are supported.

Jquery chart

12) jquery + jflot-diagram, painting and chart

13) accessible charts using canvas and jquery-use jquery to visualize HTML data and generate various forms of charts, such as linear charts, pie charts, and area charts.

  • Live Demo: here
Jquery Editor

14) Small Rich Text Editor-small size, cross-browser, Ajax Image Upload, HTML code cleanup, Rich Text Editor Based on the PHP backend, comprehensive functions.

  • Live Demo: here
  • Download Code: from here

15) markitup! Universal markup Editor-This plugin allows you to convert any textarea text box into an ID editor. The target editor includes HTML, textile, wiki syntax, markdown, bbcode, and even your own ID system.

  • Live Demo: here
  • Download Code: from here
Jquery flash plug-in

16) jquery Flash Plugin-This jquery plug-in allows you to embed Flash movies

17) jmp3-jmp3 provides a simple method to enable you to play most MP3 music files on the Internet through a flash MP3 music player.
Using the sleek flash single MP3 player & jquery.

18) jquery media Plugin-This Player Plug-in can play multimedia files in almost any format, including flash, QuickTime, Windows Media Player, Real Player, MP3, Silverlight, PDF and more.

Jquery Tab

19) jquery tabs-a typical tabs Label Switching plug-in, no Javascript is available.

  • Live Demo: here
Jquery lightbox

20) fancy box-a new lightbotx lightbox effect plug-in. Its main features include adaptive window images, which provide a good solution for full-size images and support browsing related images.

21) thickbox plus-lightbox effect, adaptive image size.

  • Live Demo: here
  • Download Code: from here
Jquery grid data plug-in

22) flexi grid-this is a lightweight but rich data grid plug-in that supports rolling data and grid header operations, plus one that can be connected to an XML-based data source to load content using Ajax. The basic functions of the grid data plug-in are generally achieved. The biggest feature is that it is very small.

  • Live Demo: here
  • Download Code: from here

23) query grid 3.1-This jquery plug-in allows you to customize the number of pages displayed in the grid data, and perform operations such as adding and deleting.

  • Live Demo: here
  • Download Code: from here
Jquery region Processing

24) Facebook like-jquery and autosuggest search engine-a search engine similar to Facebook. Its main feature is the automatic prompt during search.
Use jquery as the Ajax framework and BSN autosuggest library.

  • Live Demo: here

25) masked input Plugin-some data formats can be generated in the input box to remind users, such as the date format and telephone format.

Very cool jquery plug-in for animation Effects

26) jquery enchant-this plug-in is designed to create a variety of special effects. With it, you can create a variety of first-class animations and highly configurable special effects.

27) easydrag jquery Plugin-a simple drag-and-drop plug-in that allows drag-and-drop effects on any dom element. Without other functions, it is relatively easy to perform operations.

28) Simple effects plugins-a fresh jquery special effect plug-in that can be closed, hidden, displayed, faded, and slide.

29) slide out and drawer effect-this is an example of an accordion special effect. When the mouse is hovering over the title, the content block is displayed. the coolest thing about this plug-in is that its content blocks keep a fixed height.

  • Live Demo: here
Jquery plug-in worth a try

30) crop, labelover and pluck-enables each piece of text to sink the first word

31) style author comments differently with jquery-highly effective for the author's message

32) Creating a fading header-this is a simple example. You can use jquery and CSS to create a fade-in and fade-out effect.

  • Live Demo: here

33) coda bubble-an example of a pop-up bubble effect that looks very personalized.

  • Live Demo: here

34) Another in-place Editor-this plug-in allows you to edit Ajax content in real time with only one line of code.

  • Live Demo: here

35) jquery Taconite

  • Live Demo: here
Jquery Web Application

36) genfavicon-an online favicons icon generation tool created using jquery. You can view the effect of favicons in the browser toolbar in real time.

37) writemaps-writemaps provides a simple interface for you to create, edit, and share your website maps.

Transition effects-transition effects

38) innerfade-can make any element in the webpage fade out

39) easing Plugin-another simple transitional effect plug-in

40) Highlight fade

41) jquery cycle Plugin-a gallery plug-in with multiple transition effects.

Lightbox-lightbox Effect

42) jquery thickbox-is a webpage user interface dialog widget written in JavaScript.

Demo:

43) simplemodal demos-its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to simplemodal.

Demo:

44) jquery lightbox Plugin-simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jquery's selector.

Demo:

45) jquery IFRAME plugin

Tables plugins-Table plugin

46) Zebra tables demo-use jquery to create a data table of the zebra line style. The background color can be changed when the mouse is suspended.

Demo:

47) Table sorter Plugin-breaks down a standard HTML table into a classification table composed of thead and tbody tags, and does not need to be refreshed. It can successfully parse and organize various types of data, including contact information.

48) autoscroll for jquery-you can generate the hot spot auto-scroll effect of the webpage table

49) scrollable HTML table Plugin-is used to convert a table into a normal scrolling HTML. No additional encoding is required.

Demo:

Draggable droppables and selectables drag and drop

50) sortables-a simple and powerful drag-and-drop plug-in.

51) draggables and droppables-this is a good demonstration. Used to drag and drop a tree menu item


Style switcher-switch the wind network

52) Switch stylesheets with jquery allows visitors to select their favorite website style and use cookie records, that is, when the same user accesses the website again next time, unless he does not switch, otherwise, the selected style is retained.

Demo demo.

Rounded corners rounded Corner Effect

53) jquery corner demo

54) jquery curvy corners-This plugin allows you to generate smooth and non-sawtooth rounded corners.


Must see jquery examples should know some jquery application examples

55) jquery air-a very special client management interface application plug-in. It's so special, so special.

Demo:

Image slide display and gallery plug-ins

1) galleria-this is a javascript image gallery plug-in compiled with jquery. Previously, Palan has already introduced it.

2) jquery multimedia portfolio-supports multiple multimedia formats, including: images, videos (FLV), audio (mp3), and automatically detects the extensions of each file and then calls the appropriate player.

3) wslide-switches the content area of the animation box through the list.

Tag Cloud

4) hover sub tags-use jquery to narrow down the pages occupied by the tag cloud. For example, if you have an "ajax" tag, you can add the second-level tag jquery In the tag, mootools, etc... When the mouse is hovering over a level-1 tag, a level-2 tag cloud with a dynamic prompt is displayed.

Paging System

5) pagination-create a paging navigation system. When there are many webpage content, such a paging navigation system is more suitable, and Seo is also beneficial. The paging navigation compiled by jquery features that you can combine it with search to control the number of displayed articles in search results.

Navigation System

6) accordion menu-this is a demonstration of the accordion effect. The title uses the H3 label and the sub menu uses the UL label for scaling.

7) jquery Treeview plugin

8) coda-slider-a powerful jquery sliding door technology with smooth and cool effects. Supports upper and lower page control.

9) simple horizontal accordion

Tables and grids

10) tablerowcheckboxtoggle-It adds the switchover function in general, and uses the name of the CSS class based on any table row you specify. It switches the table rows in any check box by default.

11) tableeditor-tableeditor provides flexible real-time editing of HTML tables.

12) Ingrid-Ingrid is a personalized jquery plug-in that can add a lot of grid data behavior for your chart, including size, paging, sorting, column layout, and more.

Form

13) jquery nice form-create a custom form event.

14) the effect of selecting the easy multi select transfer option menu to reach another option bar.

15) jquery form Plugin-allows you to easily and naturally upgrade HTML forms using Ajax forms and submission methods to collect information from form elements and determine how to manage the submission process, this gives you full control over how to submit data.

Rolling and sliding technology

16) jquery. serialscroll-this plug-in allows you to easily scroll through a series of elements of any animation. You can use it as a slide, scroll wheel text, slide, news stock, etc.

17) liscroll-liscroll is a jquery plug-in that allows you to convert any unordered list into a scrolling content display.

18) spinner-allows you to add a limited amount of content in a fixed area for scrolling style display.

Form Events

19) jwysiwyg is a wysiwyg html text editing plug-in that can embed web pages.

20) Simple chained ComboBox-a very simple jquery option plug-in that provides multiple chain and reactive options through JSON processing and return features.

21) jquery checkbox

22) jgrow

Toggling

23) jtruncate in action-jtruncate allows you to customize the truncation of text entities in your web page.

24) toggleelements-toggleelements is a jqurey plug-in for expanding/hiding effects.

Gradient and shadow

25) Drop shadows-this plug-in can generate a very interesting shadow effect for your text.

26) gradient jquery Plugin-implements the gradient effect. You can set the direction and transparency of the gradient.

27) gradient-gives you a background with a dynamic gradient effect without any image.

Lightbox Effect

28) facebox is based on jquery, a Facebook-style lightbox plug-in that can display pictures, div layers, and article pages.

29) jquery lightbox Plugin-(balupton Edition)

Color Picker

30) jquerycolorpicker-a simple jquery color picker plug-in that allows you to select the color in the color disk to switch the background color.

Some jquery plug-ins worth trial

31) animated innerfade-an animated slide plug-in that fully complies with W3C standards.

32) easy pop show 1.0 Release-gallery plug-in displayed on the full screen.

33) jqchart-Ajax chart plug-in

34) UI datepicker-a simple jquery UI Date Picker.

35) jsmile-A Fully customized plug-in for adding specific emoticon icons.

36) imgareaselect-imgareaselect is a jquery plugin that allows you to select a rectangle from an image and list coordinate values.

37) jprintarea-jprintarea is a simple method for printing specified text content. View demo

38) jtabber-one tab switch technology, no need to reload the page

39) jquery calculation plug-in-a computing plug-in. It allows you to calculate simple or complex mathematical formulas.

40) jquery. biggerlink-This jquery plug-in allows you to add the specified link to the link address after the online proxy.

41) humanized messages-display a translucent content on your webpage, but it will gradually disappear when you have any operations.

42) Ajax manager helps you manage Ajax requests and responses (for example, discard requests, lock requests, and sort requests ).

43) Background-position Animation

44) lazyload-delays loading of images in (long) web pages. images below the fold (the ones lower than window bottom) are not loaded. when scrolling down they are loaded when needed. check out their demo page

45) jquery tag suggestion-the same tag suggesting as-You-type support that Del. icio. us is uses. Check out their demo page

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.