27 New and amazing jquery plugins with tutorials

51CTO Recommendation:jquery to force plug-in big parade

Tutorial

1. How to add preloader with loading image in a gallery using JQuery

Use the JQuery preloading technique in the image gallery loading process. Demo Tutorials

2. Simple Lava Lamp Menu Tutorial with JQuery

Create the JQuery navigation menu with a unique lava light animation effect. Demo Tutorials

3. How to Create a 3D Tag Cloud in JQuery

Use JQuery to create a 3D tag cloud similar to Flash form. Demo Tutorials

4.Drag & Drop with JQuery

The drag-and-drop feature of WEB applications provides a rich user interface to learn how to use JQuery to create such a user interface. Demo Tutorials

5. Awesome horizontal Animated menu using Kwicks for JQuery

Use the JQuery kwicks plugin to create a customizable, flexible horizontal animated menu. Demo Tutorials

6. Create a Thumbnail Gallery with slick Heading & Caption effect

Create a thumbnail gallery using the light caption and caption effects. Demo Tutorials

7. Create a attractive jQuery Menu with fade on and out effects

Create an attractive jQuery menu that has a fade background effect when the mouse hovers over it. Demo Tutorials

8. JQuery PHP AJAX AutoSuggest

AutoSuggest is a useful feature in the current WEB application. Learn how to use JQuery and PHP to create. Demo Tutorials

9. Perfect Login Drop down Box like Twitter

Use JQuery to imitate Twitter's new dropdown box effect. Demo Tutorials

Crafting a animated postcard with JQuery

Only use JQuery to create a Flash-class postcard. Demo Tutorials

5 Ways to make AJAX Calls with JQuery

About using JQuery technology to create Ajax requests in different ways. It is even helpful to developers who are deeply familiar with jQuery and create Ajax requests in a number of ways. Demo Tutorials

Ways to Debug your jQuery or JavaScript Code

This article describes how to use the JQuery console login to easily debug JavaScript code. Tutorial

ajaxed sliding Shopping Cart Using jQuery

Create an Ajax sliding door effect of the shopping basket, when updating the shopping cart items slide, and after a period of time automatically hidden. It also supports manual display of hidden options to view the cart at any time. Demo Tutorials

Animated Header in JQuery

Use jQuery technology to add a sigh of animation background effect to the title of the page. Demo Tutorials

15.jQuery Comment Preview

Provide real-time comment preview for users by using JQuery. Demo Tutorials

Styling Drop down Boxes with JQuery

Because the selection box is difficult to define a style using CSS, this tutorial will show you how to use a text box and no list instead of a marquee, and then define the style as needed. Demo Tutorials

Scrolling Dynamic Content Box

Use Ajax to load content into a scrolling DIV. Like Google Reader, when you scroll down, more items are automatically loaded. Demo Tutorials

Plug - ins

1. Tipsy

Presents a Facebook-style ToolTip plugin based on the title attribute of the anchor tag. Demo Plugin Home

2. JQuery YouTube PlayList

Convert a list of YouTube links to playlists so that users can browse through the videos themselves. Demo Plugin Home

3. Superfish Menus

The Superfish menu is an easy-to-use jQuery plugin that converts the need for HTML lists into nice drop-down menus. Plugin Home

4. Elastic

Elastic is a lightweight jQuery plug-in that allows Textareas to automatically resize according to the size of the content. Demo Plugin Home

5. Anything Slider

Anything Slider is a full-featured sliding door plugin that is easy to customize and adapt to your site. Demo Plugin Home

6. Tweetable

Use Tweetable to quickly and easily display a Twitter feed source on a Web page, optionally converting the Twitter username and URL address to a hyperlink. Demo Plugin Home

7.jQuery Link Nudge

Using the JQuery Link Nudge Plug-in creates a moving menu bar that works beautifully. Demo Plugin Home

8. Timepickr

Use this plug-in to provide a rich user interface for entering time if you need to enter the user's system time as a form. Plugin Home

9. truncatable

Truncatable allows you to hide text blocks in a Web page and display them when needed. Demo Plugin Home

Incremental Search for Select Boxes

This plug-in converts the normal selection box into a combo box with an incremental search, which is useful if there are many options in the selection box. Demo Plugin Home

Original link: http://www.mangguo.org/30-fresh-amazing-jquery-plugin-and-tutorial/

"Edit Recommendation"

1. To teach you to use jquery to do animation plug-ins
2. jquery Drag layout implement sort results Sync database
3. Php+mysql+jquery to implement random drag layer
4. March 8 jquery Best plug-in recommendations
5. 25 Awesome jquery calendar and date selector Plug-ins

"Responsible editor: Chen Yu new TEL: (010) 68476606"