Nine cool apps and source code based on the jquery implementation

Source: Internet
Author: User

1, HTML5 loading animation loaded colorful ring loading

Today we are going to share a HTML5-based loading loading animation effect, this HTML5 loading animation is a multicolored ring that rotates so that the load is in progress. If you are interested, you can view this HTML5 loading animation online demo, the effect is good.

Online Demo

SOURCE download

2. jquery product Picture Scroll the custom scroll bar horizontally

This is a great jquery image scrolling plugin, this jquery plugin has the following features: You can set any number of images, and click on the image to activate the current image to enlarge. You can also click the left and right arrows to switch between the pictures, of course, there is also a feature is that we can drag the custom scroll bar to make the picture quickly page, the effect is very good jquery image plugin.

Online Demo

SOURCE download

3. jquery Horizontal Slide Focus Graph Plugin

This is another jquery-based focus map plugin, we have also shared a lot of excellent jquery focus diagram Application plugin, interested friends can go to see. Today, the image of this jquery spotlight plugin is sliding horizontally, with three images sliding with a parallax effect, and the focus graph has a left and right toggle arrow button, which is generally gorgeous.

Online Demo

SOURCE download

4, jquery custom beautification scroll bar

Today we are going to share a very good jquery plugin, this jquery application plugin mainly implements the custom scroll bar, and uses CSS to beautify these custom scroll bars. This jquery custom scroll bar function is almost the same as the original, unfortunately, this custom scroll bar does not support mouse scrolling.

Online Demo

SOURCE download

5. jquery Draw Circle Turn plug

Today we are going to share a cool jquery draw plugin, this jquery draw plugin is a rotatable disc, we just click the Draw button to start the disc rotation, the last disc stop after the pointer is the prize you won this draw, hurry to try it.

Online Demo

SOURCE download

6. CSS3 Profile Menu Navigation with drop-down form

The CSS3 menu, which is to be shared today, is gorgeous and quite practical. Each menu item has a nice little icon, and the background color of the menu item fades in and out when the mouse slides over the menu item. Another feature of this menu is that the drop-down submenu can be embedded in a form and is very powerful.

Online Demo

SOURCE download

7, jquery image hot pop-up play plugin

Today to introduce a jquery plug-in and the picture, it should be said that this jquery image plugin is not very common, but in a specific situation is very useful. It can help you to divide the hot area in the picture, each area has a point, the mouse over this point can pop up the relevant information of the area, pop-up content can make text, can also make pictures and other content.

Online Demo

SOURCE download

8, simple jquery focus map plug-in fill-in toggle button

This is a simple jquery focus map plug-in, this focus map plug-in can be played automatically, you can also click on the bottom of the Fill switch button to manually switch, very convenient. In addition, its easy-to-use look makes it fast to load and is ideal for high-performance Web pages. The jquery focus picture Toggle animation is a fade-in effect, and the toggle is smooth.

Online Demo

SOURCE download

9. HTML5/CSS3 Cue box animation with progress bar

Today we're going to share a HTML5 and CSS3-based cue box animation that prompts the user for errors on the page, prompts the user to complete the task, and so on. This animated cue box can have a fade-out animation effect when it appears and disappears, and a progress bar is built into the cue box, and the prompt box disappears when you finish the progress bar.

Online Demo

SOURCE download

This article fixed link: http://www.i7758.com/archives/1629.html

Nine cool apps and source code based on the jquery implementation

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.