10 jquery-based slide plugin tutorials _jquery

Source: Internet
Author: User
Tags mootools
I often hear people say jqueryMore difficult to learn, as long as you are interested in, realize the slide effect is quite fun, the followingJquerySlide tutorial will lead you intoJqueryPlug-in development in the joy of hope for everyone to help.

1, jQuery Easy Slides v1.1

-->

Of all the jquery slide plug-ins,jquery easy Sildes is one of the easiest to use.

2, The piecemaker XML Gallery

Very cool with 3D Effect of the jquery plug-ins, there are detailed production methods, interested friends can study its source code. Without Flash can also achieve so show off effect, did not think of it.

3, Create beautiful jQuery Slider Tutorial

This tutorial details how to develop a beautiful jquery image slide effect, including a picture name and a short description

4, Create a simple slideshow Using MooTools thumbnails and captions

creating slides with Mootools is already very common and effective, and is divided into four main steps:

The first step is to lay out the layout of the slide show;

The second step is to add event control to the slide.

The third step is to give the slides a unified style class;

Step fourth, add picture thumbnails and captions.

5, Query Blinds slideshow Using CSS sprites

Shutter effect created with CSS Sprints

6, Create a Quick MooTools slideshow with preloading Images

This tutorial shows you how to Create a simple slide effect with MooTools, and how to preload a picture to make it look more elegant and avoid confusing pictures when the page loads.

7, Advanced jQuery background image slideshow

A slide effect that toggles the background picture

8, Colorful sliders with JQuery & CSS3

Colorful silders created using Jquery and CSS3

9, Coin Slider

Very unique slide effect, many domestic sites have the use of this effect, especially video sites, very gorgeous.

10, jcoverflip

When a lot of pictures, the use of this plug-in will achieve a better user experience, some portal sites have the use of this effect.

Author: Smart Life
Source: Http://www.cnblogs.com/ywqu

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.