We strongly recommend 40 new and useful jquery plug-ins

Source: Internet
Author: User
Tags php and mysql
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.

Zooming slide with jQuery

(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.

Better use of jQuery and CSS3 Selection Elements

(Demo | download)

So far, browser controls have always been one of the most difficult elements. This is why we are building a script to replace a common selection element with a marked Power Supply version while keeping all functions intact.

Google and jQuery-driven site search

(Demo | download)

In this tutorial, we use Google's AJAX search API to create a custom search engine that allows you to search web page results, images, videos, and news items on your website.

Combine 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.

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.

Switch Using jQuery Animation

(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.

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.

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.

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.

Customer Comments supported by PHP, XML, and jQuery

(Demo | download)

In this tutorial, we will create an XML-supported testimony browser, where, with jQuery and XSL conversion, you can display your product webpage.

Code a rotating image slide W/CSS3 and jQuery

(Demo | download)

Today we use jQuery and CSS3 rotation and rotation plug-ins with jQuery to create a beautiful slide. You can use it to adjust your website, product webpages, and some other CSS3 magic projects.

Quick Feedback Form W/PHP and jQuery

(Demo | download)

In this tutorial, we provide a positive feedback solution. Powered by jQuery, PHP, and PHPMailer, this form directly sends your suggestions to your mailbox.

Use jQuery Bubbleriffic image gallery

(Demo | download)

In this tutorial, we will create a bubble image gallery in a unique way that is displayed on your image. This is done to display the thumbnail of the album, allowing the user to automatically scroll in a circular fashion by moving the mouse.

Coin slider: A unique effect Slider

(Demo | download)

In this tutorial, we will learn how to create an image slider with unique effects.

Use jQuery's custom animated banners

(Demo | download)

How to Use jQuery Mobile's RSS reader

(Demo | download)

In this tutorial, We will dive into and create a simple TUTS + RSS reader that uses PHP and jQuery mobile. After we finish, you will be able to add this simple project to your iPhone or Android mobile phone by clicking a button and building your web application skills!

Display elements in sequence using jQuery

(Demo | download)

In the quick tip in this video, Jeffrey will teach you how to add the cool bits to the order of elements on your page. Although there are many ways to accomplish this task, today we will review the technology using recursive functions.

JQuery Tutorial: FAQs

(Demo | download)

This tutorial will show you how to use jQuery with fancy slide effects to produce easy-to-read and eye-catching frequently asked questions. This script will help you improve user experience and auxiliary functions, and make your pages clean and tidy and more structured and compact.

Use the annotation superposition Effect of jQuery

(Demo | download)

In this tutorial, we will create a simple superposition effect that is displayed in a web designer combination, such as the annotation of the portfolio item. Our best combination of www.rar eview.com Flash is used to create results. We will use jQuery.

Snippet-jQuery syntax highlighting

(Demo | download)

The snippet is a jQuery syntax highlighting plug-in that is located on SourceForge. The snippets provide a quick and easy way to emphasize the source code section in the HTML document.

Apple uses jQuery retina Effect

(Demo | download)

In this tutorial, you will learn how to use jQuery to create the effects of apple-like retina.

Animated translation and jQuery slides

(Demo | download)

In this tutorial, we will take the temperament of a classic slide, but use the transition between different types of animated slides. It may not be suitable for every project, but the diversity in the web design world is always welcome.

Use CSS3 Color rating system

(Demo | download)

Here, we plan to provide a relatively simple jQuery tutorial. Rating systems all use many websites, such as a product, article, or comment on how good the rate is. I want to improve this idea to make it more visually attractive.

Smooth animated quotation display

(Demo | download)

Another jQuery rush! These relatively simple jQuery tutorials will show you a simple but beautiful effect, using jQuery. In this way, you can learn and create very cool things at the same time.

Create a custom pop-up with jQuery (modal window)

(Demo | download)

In this tutorial, we will create a custom pop-up (modal window) using jQuery.

Use jQuery to create a Digg style post-sharing tool

(Demo | download)

In this tutorial, A Digg post-sharing toolbox is required. All of this is straight forward and requires a little bit of planning. It works in a different way than Digg. If you view Digg's HTML source code, it contains the javasbox HTML code for each position. However, in this tutorial, we only have one deployment box, And all links share the same template.

Before and after the photo effect and jQuery to create an attractive

(Demo | download)

The author of this tutorial will show you how to build and convert it to a plug-in. IE6, 7,8, Firefox, Chrome and Safari tests.

JQuery image for CSS3 rounded corners

(Demo | download)

In this tutorial, you will learn how to fully use the corner of the jQuery Image

Simple jQuery image translucent title slide show

(Demo | download)

Use the label content of jQuery UI in the navigation bar

(Demo | download)

This tutorial uses the jQuery UI library label function for content and manual navigation on the slides.

JQuery Tutorial: hover/click switch Effect

(Demo | download)

In this tutorial, we will learn how to hover over a simple switch effect/click to use jQuery. We will use CSS and jQuery for our final output. This tutorial shows how to check in and out.

Simple tool prompts W/jQuery and CSS

(Demo | download)

There are many tooltip plug-ins, but many of them do not explain what is in the tooltip logic. This tutorial will explain in detail.

Fresh title and automatic playback/pause rotating jQuery image gallery

(Demo | download)

In this tutorial, you will learn how to create an awesome jQuery library that is transparent, fixed on the screen, auto play on/off button, and CSS3 stylized Gallery. He uses simple jQuery functions to make them more explicit about the annotated code and Their parameterization.

Slidesjs

(Demo | download)

Slide is a crazy and simple jQuery slide plug-in. With the function of loop, automatic playback, fading or slide transition, cross fade in and fade out, image pre-loading, and automatic paging.

Sexy drop-down menu W/jQuery and CSS

(Demo | download)

In this tutorial, SOH Tanaka is willing to create a drop-down menu, which can also be reduced to normal.

Use CSS3 and jQuery to create a smooth rotation Image

(Demo | download)

How to Use CSS3 and jQuery to create images that can be smoothly rotated with the mouse. Including the complete example and code download.

JQuery timer Gallery

(Demo | download)

In this tutorial, you will learn how to create a jQuery timer Gallery.

The super Ajax round-robin/voting system uses JQuery Ajax, PHP, and MySQL

(Demo | download)

In this tutorial, you will learn how to create a super Ajax voting/Voting System Using jQuery, Ajax PHP and MySQL.

Use the reCAPTCHA Verification Code of jQuery and PHP

(Demo | download)

This tutorial is about creating a CAPTCHA.

With jQuery's super shopping cart. Part 2

(Demo | download)

In this tutorial, you will learn how to use jQuery to create a super shopping cart.

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.