Html5/jquery application with 9 perfect experiences

1. jquery Animation icon menu navigation imitation Apple style

This jquery plugin is cool to share, it's a jquery menu plugin with animated buttons. And from the menu look, a bit of Apple menu style flavor. When we move the mouse over the menu item, there will be a corresponding picture hovering over the item, the effect of a very good jquery menu.

Online Demo

SOURCE download

2. jquery Imitation apple style focus map Plugin

This jquery spotlight we're going to share is very special, it's very simple in appearance, but quite atmospheric. The overall style of the focus map is imitation apple style, due to the use of jquery, we just click the thumbnail below the image to achieve the focus of the image switch tut effect, this jquery focus map plug-in is very suitable for the production of the Web page display.

Online Demo

SOURCE download

3, jQuery 3D picture slider Focus Map Plugin

This is a cool jquery 3D Focus Graph plug-in, and the previously shared jquery Focus chart is different, this focus map plugin image switch Playback style is 3D, the picture is like a cube can be tumbling up and down, and you can not only click on the focus map of the left and right toggle button, You can also switch pictures by using the small buttons below the image.

Online Demo

SOURCE download

4, CSS3 share button animation effect

This is a CSS3-based social sharing button, which is simple to share with large social networking sites like Twitter, Facebook and YouTube. Each sharing button has a logo icon for a big social networking site, and when the mouse hovers over the buttons, it uses the CSS3 animation feature to animate the slide.

Online Demo

SOURCE download

5, jquery animation progress bar real-time display progress percentage

This is a jquery-based progress bar plug-in, the progress bar plug-in shows a good animation when the progress bar, in addition, the progress bar in the update progress will also show real-time progress number percentage. At the end of the progress bar, the complete typeface is displayed. Because it is based on jquery, this progress bar is basically compatible with all browsers.

Online Demo

SOURCE download

6. Bootstrap-based and CSS3 responsive UI Framework

Remember the Metro flat-style jquery UI component we shared before, and did it look very fresh and gorgeous? Today we're going to share a set of bootstrap and CSS3 responsive UI frameworks that include custom CSS3 buttons, custom CSS3 checkboxes and radio boxes, custom CSS3 drop-down boxes, and more.

Online Demo

SOURCE download

7, HTML5/CSS3 mouse slide picture filter animation effect

Previously we used CSS Filter properties to do special effects on the image processing, such as shadows, Blur and so on. Today we use HTML5 and CSS3 to achieve the image of the special effects processing, when we move the mouse over the picture, there will be a very good picture animation effects, such as fading, zooming in and out, blinds, such as masking HTML5 effects.

Online Demo

SOURCE download

8, CSS3 vertical progress bar animation number percent display

This time we are going to share a CSS3 progress bar animation, the progress bar is placed vertically, when the progress of loading, the background of the progress bar will appear a fast moving arrow animation, and as the progress bar moves, the number percentage will be updated with progress in real-time, until the progress is complete, When finished, the progress bar color is programmed in red Green.

Online Demo

SOURCE download

9, CSS3 login form animation can automatically enter the login information

This is an CSS3 login form animation that automatically enters login information, which simulates the entire process of entering login information from the form, clicking the login button, and logging in successfully to pop up the welcome message, and you can play the animation repeatedly. CSS3 is really powerful, especially in terms of animation, CSS3 is very good.

Online Demo

SOURCE download

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

Html5/jquery application with 9 perfect experiences