10 cool jQuery and css3 animation plug-ins and source code, jquerycss3

10 cool jQuery and css3 animation plug-ins and source code, jquerycss3

1. jQuery cool plane clock special effect plug-in

This is a very creative jQuery clock plug-in. Unlike other clock plug-ins, It is a disc or digital, It is a flat clock, the pointer of date and hour, minute and second are moving timing on the plane. Although this jQuery flat clock plug-in cannot be widely used, its idea is absolutely certain.

Online Demo

Source code download

2.4 jquery-based list icon animation switching Effects

List Icons can be seen everywhere on a webpage, especially on a mobile webpage. Basically, list icons are used in navigation. Today, we will share with you four animation switching effects based on juqery's list icons and closed icons.

Online Demo

Source code download

3. Text shadow moving with the mouse

Move the text shadow with the mouse.

Online Demo

Source code download

4. The js plug-in allows your website to support online pdf preview.

When we create a webpage, we occasionally encounter the function of previewing pdf documents online. However, the reality is that we often cannot preview documents and download them directly, which is a headache. To address this problem, the webmaster Of Lazy House recommends a plug-in to solve this problem today to enable online preview of your pdf documents.

Online Demo

Source code download

5. jQuery curve path focus Animation

Today, we are going to share a very special jQuery focus graph plug-in, which provides a very special way to switch images. First, we will switch images by group, in addition, when switching between images, the animation is played based on a certain curve path, which is different from the jQuery focus graph plug-in.

Online Demo

Source code download

6. mail subscription pop-up window Effects

Share a common pop-up window effect for email subscription. You can set this effect to be triggered anywhere on the page. For example, when the user finishes reading the article, the email subscription pop-up window effect is displayed in the appropriate location. If you are willing to continue reading the content of your website, the user will voluntarily enter the updated content of the website through email, this can effectively improve the user's return rate.

Online Demo

Source code download

7. jquery. imageScroller is suitable for long-distance special effects to be viewed by drag and drop in a region.

JQuery plug-in -- jquery. imagescroler. js allows you to view a relatively long image effect in the square area. There is a thumbnail effect in the lower left corner. When you drag the thumbnail, the proportion of the larger image will also be displayed.

Online Demo

Source code download

8. jQuery imitates the floating Blue online customer service code on the Right of Beijing wind network

QQ online customer service code suspended on the right of a blue-colored webpage is expanded by default. Click the close button in the upper right corner and fold it again. The small animation effect is very comfortable to use.

Online Demo

Source code download

9. The online customer service code is displayed on the right side of the shadow and in the middle.

This online customer service code is divided into two parts. One part is always fixed on the right side of the webpage (100 pixels from the top), and the other part is displayed 3 seconds after the webpage is loaded (click to close ), lazy House has released some versions before. The difference is that the customer service code can be popped up in the middle of the page, which is always fixed in the middle of the page. It is pale yellow and hopes that its design style will match your website.

Online Demo

Source code download

10. compatible with mobile client banner switch focus graph swiper plug-in

Suitable for mobile clients, including pad and mobile client, full screen between left and right, with left and right arrows, and support for point switching button, a very good jQuery plug-in -- idangerous. swiper. js. you can slide the screen between the left and right.

Online Demo

Source code download

> Fixed link: http://www.i7758.com/archives/708.html