Exciting jQuery plug-ins and HTML5 animations,

Exciting jQuery plug-ins and HTML5 animations,

1. jQuery/CSS3 drop-down menu with Form

Today, we will share a drop-down menu based on jQuery and CSS3. This jQuery drop-down menu is very special. You can enter the contact form and logon form in the drop-down menu. In addition, the entire drop-down menu looks like a wooden visual effect, so the menu looks very dignified. This jQuery drop-down menu can be used on your personal website.

Online Demo

Source code download

2. HTML5 Canvas Google electric guitar supports Keyboard playing

This is the Google homepage Logo designed by Google to commemorate Les Paul. It uses HTML5 technology to achieve the electric guitar playing effect. This HTML5 electric guitar not only allows the mouse to slide the strings to make music, but also can use the keyboard to play a wonderful music. A friend who understands the music can try it.

Online Demo

Source code download

3. jQuery custom Loading animation plug-in spin. js

Spin. js is a jQuery-based Loading animation plug-in. Unlike the previously shared CSS3 Loading animation application, this Loading animation is based on jQuery, meaning better compatibility; in addition, this Loading animation can be customized. For example, the radius and rotation speed can be set through the slide on the right.

Online Demo

Source code download

4. simple configuration of HTML5 line chart Aristochart

I have previously shared several HTML5 chart applications, such as RGraph and HTML5 Canvas. Using these HTML5 charts, you can easily display various types of data, which is very intuitive. Today, I would like to share with you an HTML5 line chart plug-in Aristochart. Aristochart is a very practical HTML5 chart application with its flexible extension and simple configuration.

Online Demo 1

Online demonstration 2

Online Demo 3

Online demonstration 4

Source code download

5. jQuery/CSS3 image flip effects can be horizontally and vertically flipped

This is an image flip Effect Based on jQuery and CSS3. Each image has a text title suspended on the image. Click the switch button to flip each image horizontally or vertically, the flip effect is very cool and has a 3D visual effect. The use of CSS3 makes these images very energetic.

Online Demo

Source code download

6. Gravity sensing can be set for HTML5 Canvas letter and text particle Animation

In general, webpage text can only set color, size, width, and other basic features. However, using HTML5 technology, we can make webpage text more beautiful and dynamic. The HTML5 Canvas Letter text animation that you want to share today has a very good effect. It allows 26 English letters to beat the particles. You can not only set the letters to play the animation, you can also set different effects and gravity sensing effects, which is a very good HTML5 text effect.

Online Demo

Source code download

7. jQuery Automatic Word filtering plug-in

This is a very practical jQuery application plug-in. The function of this jQuery plug-in is to filter words. When we input words in the input box, the system will automatically filter out words that match the entered characters. The matching speed of words is very fast. You can pre-define some phrases and then use this jQuery plug-in to filter the word selection.

Online Demo

Source code download

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