10 Cool jquery and CSS3 animation plugins and source code

Source: Internet
Author: User
Tags time and seconds

1.jQuery super cool flat clock effect plugin

This is a very creative jquery clock plug-in, it is not like other clock plug-in is a disk or a number, it is a flat clock, date and time and seconds of the hands are on the plane to move the timing, although this jquery plane clock plugin can not be widely used, but the idea is absolutely certain.

Online Demo

SOURCE download

2.4 jquery-based list icon animation toggle Effects

The list icons are everywhere, especially on mobile Web pages, and the navigation is basically a list icon. Today, we share 4 animated toggle effects based on the Juqery list icon and the off icon.

Online Demo

SOURCE download

3. As the mouse moves the text shadow

The text shadows as the mouse moves.

Online Demo

SOURCE download

4.js plugin allows your website to support Online preview of PDF features

We are in the production of web pages, occasionally encounter the need to preview the PDF document online function, but the reality is often unable to preview, directly download the document, is a headache, for this problem, the lazy home webmaster today specifically to recommend a solution to this problem plug-in, to achieve your PDF document Online preview function

Online Demo

SOURCE download

5.jQuery Curve path Focus Graph animation

Today we are going to share a very special jquery Focus map plug-in, its image switch is very special, the first picture when the group switch, and each group of pictures in the switch is a certain curve path play animation, and the previously introduced jquery Focus map plug-in is different.

Online Demo

SOURCE download

6. Mail Subscription Popup effect

Share a favorite mail subscription pop-up effects, you can set up anywhere on the page to trigger the effect, such as when the user read the end of the article, in the appropriate location to display the mail subscription to the pop-up window effect, if the user is willing to continue to read the content of your site, he will voluntarily fill in by email to obtain the site updates This can effectively improve the user's turning heads is very helpful.

Online Demo

SOURCE download

7.jquery.imagescroller for drag-and-drop viewing of long distance effects in the area

jquery plug-in--jquery.imagescroller.js support in the square area to see a longer picture effect, the lower left corner has a thumbnail effect, drag the thumbnail at the same time, large map corresponding proportion of the portion will be displayed

Online Demo

SOURCE download

8.jQuery imitate North Wind net right hover Blue online customer service code

Blue atmosphere of a page to the right of the suspension QQ online customer service code, the default expansion, click on the upper right corner of the close button and re-fold, small animation effect, used very comfortable

Online Demo

SOURCE download

9. Light yellow right suspension and center popup online customer service code

This online customer service code is divided into two parts, part is always fixed on the right side of the page (100 pixels from the top), a portion of the page loaded after the delay of 3 seconds display (support Click to close), the lazy home has also released a number of versions, the difference is that the middle can also pop up the customer service code, and always fixed in Light yellow, hope its design style can match with your website

Online Demo

SOURCE download

10. Compatible Mobile client banner switch Focus map Swiper Plugin

Adapt to mobile clients, including pad and mobile client, left and right full-screen effect, with the left arrow, while supporting the point-like toggle button, a very good jquery plugin--idangerous.swiper.js, you can swipe the screen to switch

Online Demo

SOURCE download

10 Cool jquery and CSS3 animation plugins and source code

Related Article

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.