Share the jQuery effects and source code used in 8 web site development, and 8 jquery

Source: Internet
Author: User

Share the jQuery effects and source code used in 8 web site development, and 8 jquery

JQuery, as one of the best JavaScript libraries, has changed the way many people write JavaScript. It simplifies HTML document traversal, event processing, animation and Ajax interaction, and has thousands of mature jQuery plug-ins available for use. Let's take a look at the following amazing functions and effects. I believe you will find some useful things.

1. Ghost button navigation implemented by pure css3

Today, we will bring you a ghost-based navigation menu implemented by css3. The navigation interface is very nice. On the right is an animated message icon implemented by css3.

Online Demo

Source code download

2. Ajax asynchronous paging Based on jQuery

JPages is a very good client paging plug-in with many features, such as automatic playback, button paging, and delayed loading.

Online Demo

Source code download

3. The old responsive jQuery slide Effect

SlidesJS is an old jQuery slide plug-in. After years of development, it has become a fully functional and well-designed slide plug-in. Supports loop, automatic playback, and fade-in and fade-out transition effects, and automatically generates pagination, which helps developers produce elegant slide effects.

Online Demo

Source code download

4. Modal window, tooltip, and message Effect

JBox is a powerful and flexible jQuery plug-in that can help implement modal windows, tooltip, notifications, and more functions. You can use the jQuery selector to easily add tooltip effects to elements. You can set the modal window in the same way.

Online Demo

Source code download

5. The best jQuery image carousel effect in the world

Nivo Slider is known as the best image carousel plug-in the world. It has two independent versions: jQuery plug-ins and WordPress plug-ins. The number of downloads has exceeded 1,800,000!

Online Demo

Source code download

6. Make a dazzling mesh animation.

Today we want to share with you a small animation concept. This Fantastic effect was found in the prototype application of Marcus ecket. The basic idea of implementation is to perform 3D Rotation on the grid project, expand to full screen, and present the content.

Online Demo

Source code download

7. Various dynamic text animations

This plug-in integrates some very good JavaScript libraries and provides a convenient text animation plug-in that allows you to use various animations for text in webpages.

Online Demo

Source code download

8. dynamic page loading animation effect

The core of this effect is to make a shape animated in the page window and display the activity instructions. When the new content is loaded, the shape is animated and the displayed page is returned. We will use the Snap. svg animation library, because this library allows us to create complex shapes and interesting transformation effects.

Online Demo

Source code download


Which can be downloaded to the java source code of the SSH2 + JQuery web project. It is not a simple logon function and cannot be complicated. It is suitable for beginners to learn.

You can go to csdn to check whether there are many programs on it.
 
Who can recommend some websites that learn jquery special effects for better results?

Input in Baidu: jquery together | jquery professional learning website | focus on Web technology to enter: JQUERY website together.
If you have a good foreign language skills, enter in Baidu: 8 awesome jQuery learning websites are recommended-webmaster's house
You can also enter jQuery learning-the best jQuey learning website in Baidu to enter: JQUERY Learning Network.

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.