Web Front-end cool and practical HTML5 applications and jQuery plug-ins, html5jquery

Web Front-end cool and practical HTML5 applications and jQuery plug-ins, html5jquery

The next day, we will continue to share many outstanding HTML5 applications and jQuery plug-ins with you. As a front-end developer, these resources can help you in project development. Let's take a look at these cool and practical HTML5 applications and jQuery plug-ins.

1. jQuery/CSS3 image shuffling and switching animation Effects

This is an image animation effect based on jQuery and CSS3. This image animation is a shuffling effect. You only need to click the switch button to switch the image one by one. In addition, if you hold down the button for a long time, the shuffling effect of the image will be more obvious and interesting. There are three effects in this jQuery image effect.

Online Demo

Source code download

2. simple and practical jQuery horizontal image scrolling focus chart plug-in

We have previously shared a lot of focus graph plug-ins, including jQuery focus graphs and HTML5 focus graphs, which have very good results. Today's jQuery focus graph plug-in looks very simple, but it looks pretty good both in terms of appearance and practical value. The image of this jQuery focus chart is horizontally rolled, and both sides have left and right sliding buttons.

Online Demo

Source code download

3. jQuery slide playback focus chart plug-in

This is a jQuery-based slide focus chart plug-in. Similar to the previously shared focus chart plug-in, images can slide left and right. The advantage of this jQuery focus chart is that it not only has a row of small buttons to switch between image slides, but also can directly click the image to switch between slides. The image slides smoothly.

Online Demo

Source code download

4. jQuery simulates Android HTC time and weather images

The jQuery plug-in to be shared this time is used to simulate the time and weather of the Android HTC mobile phone. If your network permits it, the plug-in can also obtain local weather conditions through ajax. The jQuery plug-in that simulates Android HTC phones looks very similar to the Android standby screen in terms of appearance, and can also implement Sliding Screen effects.

Online Demo

Source code download

5. CSS3 jQuery UI-controlled slide plug-in

Today we will share a slide control plug-in based on CSS3 and jQuery UI. This slide control is based on the HTML5 slide bar element for custom CSS 3 rendering, so the appearance is more beautiful. In addition, this slide control plug-in is vertical, and you can also place it horizontally by setting it.

Online Demo

Source code download

6. Black icon button combination drawn in pure CSS3

This is a combination of icons based on pure CSS3. With CSS3, we can basically draw all vector images on the webpage, because we can draw curves when CSS3 appears. This icon is black, and several complex patterns need to be implemented using multi-layer CSS code. Most icons are relatively simple to draw.

Online Demo

Source code download

7. Pure CSS3 3D Floating button

This time we will share with you a pure CSS3 3D Floating button with a cool effect. The button is a three-dimensional floating circle with a text and a love pattern on it. The bottom of the button has a shadow effect, it looks very three-dimensional. In addition, when you move the mouse over the button, the button will go down, just as sinking on the water.

Online Demo

Source code download

8. jQuery images can be rotated at 360 degrees with the mouse

Today, we will introduce a jQuery-based 360-degree image rotation plug-in. This jQuery image rotation plug-in is similar to the previous one. It is also achieved through the combination of multiple images for playback, the jQuery implementation method is also very simple.

Online Demo

Source code download

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