Seven new and useful jQuery plug-ins for attachment download

Source: Internet
Author: User

1. Sweet thumbnail preview Image Library

(Demo | download)

In this tutorial, we will create an image gallery using jQuery, displaying each image as a small thumbnail preview. Our idea is to hover over the slider to preview the thumbnail slide. When you click the slider, the complete image slides from the left or right side based on the currently viewed image.

2. Use jQuery combination to zoom the slider

(Demo | download)

In this tutorial, we will create a combination or similar website to use jQuery for some good results. We will create a tiny slider and integrate the amazing cloud zoom plug-in and the elegant Fancybox plug-in.

3. merge Image boxes using jQuery

Demo | download)

In this tutorial, we will show you a very good effect with jQuery images. The idea is to have a thumbnail of the image selected in the form of an animation once clicked. You can browse the Previous and Next buttons through the image. When a large image is obtained and clicked, it will be scattered into small-box thumbnails again.

4. Moleskine notebook and jQuery brochure

Demo | download)

In this tutorial, we will show you how to use talent and customize the brilliant jQuery brochure plug-in Grauvogel. We will create a virtual Moleskine notebook from the latest blog article.

5. Use jQuery animation to switch

Demo | download)

In this tutorial, we will create a simple animation form switch with three very common forms. Our idea is not to leave the page. When the user enters another form, it makes a new form that appears in the same container, expanding or contracting the new form of size.

6. Parallax slider and jQuery

Demo | download)

In this tutorial, we will use the parallax principle to bring different backgrounds into our slide images to create some nice angles. This will give a great depth to the entire slider when it is moving.

7. How to Create a confirmation dialog box for jQuery to replace

Demo | download)

In this tutorial, we are building a cross-browser, custom, confirmation dialog box in the form of an easy-to-use jQuery plug-in. You can select text and click the action to be executed.

8. How to enable automatic slide

Demo | download)

In this short tutorial, we will take a look at a jQuery snippet that will help you automate any slides on your website.

Original article: http://www.cnblogs.com/web8cn/archive/2011/10/25/2224363.html

Related Article

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.