10 Web Cool jquery animation plug-ins and source code

Source: Internet
Author: User

1. A beautiful button based on jquery

Today, we share a beautiful button based on jquery. A picture is used in the background of this button. The background is obscured by a translucent div when the mouse passes over it.

Online Demo

SOURCE download

2.jquery Adaptive Dynamic Content Rollover effect

jquery Adaptive Dynamic Content Rollover effect

Online Demo

SOURCE download

3. Multi-function Web slide jquery Cycle

Multi-functional Web slide jquery Cycle

Online Demo

SOURCE download

4.jQuery Book Flip 3D animation effects

Remember that we have introduced a lot of books on the page of the animation, such as the CSS3 book page-flipping animation, production is very realistic. This jquery book to share today 3D animation is more powerful, can support any number of pages, and also has a very beautiful visual effect. The content of the book supports arbitrary HTML elements and is quite flexible.

Online Demo

SOURCE download

5.jQuery digital clock with alarm clock

Today's share is a jquery-based digital clock, one of the features of this jquery clock is the ability to set alarms and make a good alarm plugin. Click the Alarm Settings button to pop up a dialog box, how much time you can activate the alarm, such as 1 minutes after activation, then set in minutes 1. After 1 minutes, an alarm box pops up and prompts for sound.

Online Demo

SOURCE download

6.jQuery Picture Horizontal sliding delay loading animation

This is a jquery-based image slider plugin, this jquery image plugin can customize the horizontal scroll bar, the appearance is very beautiful, when we drag the scroll bar, the picture will produce a lazy loading, and after loading with a variety of animations to show. In addition, when the mouse slide over the picture, the picture will pop up some descriptive text.

Online Demo

SOURCE download

7.jQuery mouse hover picture Share button animation

This is a jquery-based image animation plugin, this jquery plugin can be achieved when the mouse slide over the image to create any element above the picture, including the share button and picture text description. These buttons and text can be suspended anywhere in the picture, and you can define the animated effects that appear on the elements above them.

Online Demo

SOURCE download

8.jQuery Horizontal Swipe menu to filter menu items

Today we are going to share a very special jquery menu, the whole menu item can be sliding horizontally, and each menu item has a cartoon icon, very cute. In addition, the menu items can be filtered according to different categories, very suitable for the complex menu items of the Web application, you can make the menu items neatly categorized.

Online Demo

SOURCE download

9.jQuery Light Projection animation effect

Today we want to share a light projection animation effect based on jquery, when you slide the mouse, the projection will follow the direction of the mouse to move, very real simulation of the real world of the directional characteristics of the light projection, of course, which also has the use of CSS3 shadow features, mouse Follow is the use of jquery to achieve.

Online Demo

SOURCE download

10.jQuery text description Floating Focus chart widescreen display

This time we're going to share a jquery Spotlight plugin, this jquery focus graph plugin has 2 features, the first is that the focus is shown in a widescreen format, the second is a text description hovering over the image of the focus map, and you can click the toggle button on the text description. The focus chart is very atmospheric, not only by the left and right buttons to switch, but also click the button below to switch to any image.

Online Demo

SOURCE download

10 Web Cool jquery animation plug-ins and source code

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.