Web front end Cool practical HTML5 app and jquery plugin

Starting another day, we will continue to share many excellent HTML5 applications and jquery plugins as front-end developers who can help you with your project development pie right away. Here's a look at these cool and useful HTML5 apps and jquery plugins.

1, jquery/css3 picture Shuffle switch animation effect

This is a jquery and CSS3 based image animation effect, the picture animation is the effect of shuffling, we just click the toggle button, you can switch pictures. In addition, if you press and hold the button, the picture will be more obvious and interesting shuffle effect, the jquery image effect has a total of 3.

Online Demo

SOURCE download

2. Simple and practical jquery landscape picture scrolling Focus Graph Plugin

We've previously shared a lot of focus graph plugins, including jquery focus and HTML5 focus graphs, all of which worked very well. Today's jquery Focus graph plugin looks very simple, but it's pretty good both in terms of appearance and utility value. The image of this jquery Focus chart is scrolling horizontally, with left and right sliding buttons on both sides.

Online Demo

SOURCE download

3. jquery Slideshow Focus Map Plugin

This is another jquery-based slide focus graph plugin, similar to the previously shared focus graph plugin, where images can be left and right. The advantage of this jquery focus chart is that it not only has a small row of buttons to toggle the slide of the picture, but it can also be clicked directly by clicking on the image. And the picture slide is quite smooth.

Online Demo

SOURCE download

4. jquery simulates Android HTC time and Weather screen

This time to share a jquery plugin is a simulation of the Android HTC phone times and Weather pictures, if your network allows, the plug-in can also be AJAX access to local weather conditions. The jquery plugin for the Android HTC phone is very similar in appearance to the Android standby screen, and can also be used for sliding screen effects.

Online Demo

SOURCE download

5. CSS3 jQuery UI Control slider plug-in

Today we're going to share a joystick plug-in that is based on the CSS3 and jquery UI, which is a custom CSS3 rendering based on the HTML5 slider element, so it looks more beautiful. In addition, the joystick plug-in is vertical and of course you can also set it to be placed horizontally.

Online Demo

SOURCE download

6, pure CSS3 drawing of black icon button combination

This is a pure CSS3 based on the combination of icons, using CSS3, we can basically draw all the vector graphics on the Web page, because the appearance of CSS3 we can draw a curve. This icon is in black style, there are several complex patterns need to use multi-layered CSS code to achieve, most of the drawing of the icon is relatively simple.

Online Demo

SOURCE download

7, Pure CSS3 3D floating button

This time we will share a cool effect of pure CSS3 3D floating button, the button is a 3D three-dimensional suspension of the circle, the button above can be text and love patterns, buttons at the bottom of the shadow effect, appears to be three-dimensional. Also, when you slide the mouse over the button, the button will sag, just like sinking on the water.

Online Demo

SOURCE download

8, jquery picture 360 degrees rotation can follow the mouse rotation

Today we are going to introduce a 360-degree image rotation plugin based on jquery, this jquery image rotation plug-in is the same as previously shared, but also through a number of images superimposed play implementation, through the jquery implementation method is also very simple.

Online Demo

SOURCE download

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

Web front end Cool practical HTML5 app and jquery plugin