Nine cool jquery-based applications and source code, nine jquery

Source: Internet
Author: User

Nine cool jquery-based applications and source code, nine jquery
1. HTML5 Loading animation loads colorful ring Loading

Today, we want to share an HTML5-based Loading animation special effect. This HTML5 Loading animation is a colorful ring, and the ring continuously rotates to reflect Loading in progress. If you are interested, you can view the online demonstration of this HTML5 Loading animation. The effect is good.

Online Demo

Source code download

2. jQuery product image horizontal scrolling custom scroll bar

This is a great jQuery image scrolling plug-in. This jQuery plug-in has the following features: You can set any number of images and click the image to enlarge the current image. You can also click the left and right arrows to switch images one by one. Of course, another feature is that you can drag a custom scroll bar to quickly flip images. The jQuery image plug-in has a good effect.

Online Demo

Source code download

3. jQuery horizontal sliding focus chart plug-in

This is a jQuery-based focus chart plug-in. We have also shared a lot of excellent jQuery focus chart application plug-ins. If you are interested, you can check them out. The jQuery focus image plug-in introduced today slides horizontally. The three images have a parallax effect at the same time, and the focus chart also has the Left and Right switching arrow buttons, in general, it is very gorgeous.

Online Demo

Source code download

4. jQuery custom beautification scroll bar

Today we are going to share a very good jQuery plug-in. This jQuery application plug-in mainly implements custom scroll bars and uses CSS to beautify these custom scroll bars. The jQuery custom scroll bar function is similar to the original one. Unfortunately, this custom scroll bar does not support mouse scrolling.

Online Demo

Source code download

5. jQuery lottery disc rotation plug-in

Today, we are going to share a cool jQuery lottery plug-in. This jQuery lottery plug-in is a rotating disc. We only need to click the lucky draw button to start the disc rotation, after the disc stops, the pointer refers to the prize you received in this lucky draw. Please try it.

Online Demo

Source code download

6. CSS3 menu with drop-down form

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

Online Demo

Source code download

7. jQuery image hotspot pop-up Player Plug-in

The jQuery plug-in to be introduced today is related to images. It should be said that this jQuery image plug-in is not very common, but it is very useful in specific scenarios. It helps you divide the hotspot area on the image. Each area has a dot representation. When you move the mouse over this area, the information about the area will pop up. The pop-up content will make the text, you can also use images and other content.

Online Demo

Source code download

8. Simple jQuery focus chart plug-in filling switch button

This is a simple jQuery focus chart plug-in. This focus chart plug-in can be automatically played, or you can click the fill switch button below to manually switch. In addition, its simple appearance makes it very fast to load, and is very suitable for high-performance web pages. The image switching animation of the jQuery focus chart is fade-in and fade-out, and the switching is smooth.

Online Demo

Source code download

9. HTML5/CSS3 prompt box animation with progress bar

Today, we will share a prompt box Animation Based on HTML5 and CSS3. The prompt box will prompt you on the webpage for incorrect content input and the progress of user task completion. This prompt box animation can have a fade-in or fade-out animation effect when it appears and disappears, and a progress bar is built in the prompt box. After the progress bar is completed, the prompt box disappears.

Online Demo

Source code download

Fixed Link: http://www.i7758.com/archives/1629.html

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.