The exciting jquery plugin and HTML5 animations

1. JQUERY/CSS3 drop-down menu with form

Today to share a drop-down menu based on jquery and CSS3, this jquery drop-down menu is very special, and we can directly fill out the contact form and login form in the drop-down menu. And the entire drop-down menu looks like a wooden visual effect, so the menu looks very dignified, and this jquery drop-down menu can be used on your personal site.

Online Demo

SOURCE download

2, HTML5 Canvas Google electric guitar support keyboard playing

This is the Google logo designed to commemorate the Les Paul, it uses HTML5 technology to achieve the effect of electric guitar playing. This HTML5 electric guitar can not only slide the mouse over the strings to make music sound, but also can use the keyboard to play a wonderful movement, understand the temperament of friends can play a try.

Online Demo

SOURCE download

3, jquery custom loading animation plugin Spin.js

Spin.js is a jquery-based loading animation plugin, unlike the previously shared CSS3 loading animation app, this loading animation is based on jquery, meaning compatibility is better And this is the loading animation can be customized parameters, such as radius, rotation speed, etc. can be set by the right slider.

Online Demo

SOURCE download

4, HTML5 Line chart Aristochart chart configuration is simple

I have previously shared several HTML5 chart applications, HTML5 canvas charts using rgraph, HTML5 canvas pie charts. These HTML5 charts make it easy to display a variety of data and are very intuitive. To share with you today a HTML5 Line chart plug-in Aristochart,aristochart extension is very flexible, configuration is relatively simple, is a very useful HTML5 chart application.

Online Demo One

Online Demo II

Online Demo Three

Online Demo Four

SOURCE download

5, JQUERY/CSS3 picture rollover effect can be horizontal vertical flip

This is a jquery and CSS3 based on the picture rollover effect, each picture has a text title suspended in the picture, click the toggle button, each picture will be horizontal or vertical flip, flip effect is very cool, with three-dimensional visual effect. The use of CSS3 makes these pictures seem very energetic.

Online Demo

SOURCE download

6, HTML5 canvas text particle animation can set the gravity sensor

Web page text in general can only set the color, size, thickness and other basic features, but the use of HTML5 technology, we can make the page text become more beautiful and dynamic. Today to share this HTML5 canvas letter animation effect is very good, it can let 26 English letters to achieve the effect of particle beating, you can not only set the letter to play the animation, you can set different effects, but also can set the gravity sensor effect, is a very good HTML5 text effect.

Online Demo

SOURCE download

7, jquery automatic filter Word plugin

This is a fairly practical jquery application plug-in, the function of this jquery plugin is to filter words, when we enter the word in the input box, the system will automatically filter out the words that match the input characters, the word matching speed is very fast, you can pre-defined some phrases, Then use this jquery plugin to filter the selection.

Online Demo

SOURCE download

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

The exciting jquery plugin and HTML5 animations