说明：HTML 5 offline storage examples demonstrate, containing the API and tutorials, please understand before learning this HTML 5 introduces JavaScript online and offline data storage technology.When loading the page, the application USES a function to check whether the corresponding data has been located in the local cache area and will add a welcome window, to add an event listener and listen for a storage events, about HTML 5 storage technology:

说明：HTML 5 web WeChat WeChat chat interface, this interface using the TAB label effect, rounded borders, and background tile special effects and application of the HTML 5 of the latest technology to realize, compatible with PC and mobile client browser, whole looks beautiful beautiful, very good results.

说明：HTML 5 CSS 3 similar notes of millet mobile phone effect, CSS 3 desktop memo effect, hovering amplification, according to the used millet mobile phone will be familiar with this effect, very beautiful text layout.

说明：5 CSS 3 implementation of fan animation effects, have a look, pretty, and a total of 5 different animation sector, each corresponding to a demonstration effect, but overall are similar, just different from the style of the fans, each fan.Fan fold, expansion effect is very smooth and natural, very nice HTML 5 responsive operation examples.

说明：Multiple sets of HTML 5 based image contrast, before and after pictures of three groups of two forms than effect, drag the middle of the two photos before and after the separation line can see the effect of different, the effect is quite early in the application in the smart phone, the WEB version of the image, use scope is quite wide oh, pictures are also very convenient to use than the special effects.

说明：Another difficult HTML 5 3 d transform effects animation, why do I feel this effect is difficult, because the generated after the graphics, for many operations, free for 3 d graphics transformation, probably I am more stupid, I think the effect is relatively tall, but it is not so easy to implement.Ha ha, I won't, who will not difficult.

说明：HTML CSS 3 3 d Cube 3 d rotating Cube figure switch focus images, the effect is very bad description, is a Cube, and focus, and rotating, in short, the combination of a web based on the technology of CSS 3 focus effects, see the dots, above the small dot after the mouse click, is to switch the right image, the Cube began to rotate, rotate to the next picture, effect is pretty cool.

说明：HTML 5 circular progress bar shows percentage use CSS 3 technology implementation, circular loading animation, very beautiful character.

说明：A concise and pure and fresh HTML 5 login form page, like this kind of style, of course, can be directly used, but want to consider compatibility, this form needs to firefox or chrome/Safari, Opera next to normal display, under the IE8 will.This form of the input box frame will be highlighted when the mouse get focus, and probes into the background sound code, without having to call external audio can hear the sound.

说明：Baidu conference based on the technology of HTML 5 a propaganda animation, animation effects can be seen after opening, animation is a card type, play after the page is in static state, with background music, can provide a reference for like H5 friends.Anyone for the interface is beautiful beautiful, the guess.

说明：HTML 5 spheres (objects) collision detection and superposition effect, use the mouse to drag the whereabouts of a ball, stacked onto other sphere, small club rebound, some will jump.Ball is also generated by HTML 5, this code can do any preparation for writing some web games, has higher reference value.

说明：HTML 5 ali cloud can preview to upload pictures, according to ali cloud oss image upload code, can realize image uploaded to ali cloud oss, and upload pictures in page preview.Code only need to change your ID and the key and the host.Easy to transplant.Note: test under the environment of the server, which is not directly in the browser open, to enter the address of the server can, because of access problem, if not in the server environment, preview pictures don't show.

说明：HTML 5 CSS 3 imitation android DockMenu dynamic navigation menu, after the mouse on the menu slightly sliding upwards, by default, after open a webpage, menu to hide in the small arrow, use the mouse to click the small arrow on the computer can slide up the whole menu, on a mobile phone is touch the arrow can be skidded off the menu, the menu early from apple's official website, or dynamic menu style is very popular now.

说明：Made more than HTML 5 page Loading Loading animation icon sets, all are very cool oh, each one is different, this is to use HTML 5 generated animation effects, the Flash, each dynamic ICONS are generated HTML 5 technology.A circular, spinning and the gradient, the PC end use, at the same time can be on a mobile device (Android smartphones and the iPhone end use), it is worth collecting oh, front-end designers essential material.

说明：HTML 5 mora (rock-paper-scissors game), can record number, number of victory and failure times of mora draw number, etc.Interface is not very beautiful, but playing with a smooth, you need to use the support HTML 5 core browser, such as Chrome, firefox, etc.

说明：Some beautiful HTML CSS 3 Checkbox sample check box style pattern, there are 9 different check box style, each are not identical, is good.

说明：Collect some generated web pages based on HTML 5 technology Loading animation, animation canvas loaders, namely familiar website Loading effects, this is not the real Loading, is based on the CSS 3 draw out Loading animation effects, can be used for web page Loading, these all are very delicate, small animation animation smooth smooth, is a high-quality goods.

说明：HTML 5 analog broadcast powerpoint slides on the web page for the special effects, please use the "space bar" or "the blank space key control", supported by the browser, Chrome, firefox or Opera, or 360 speed, sogou "speed mode" can also be oh ~ this effect on the simulation implements the blank space key control PPT a playback function, and the next, didn't really realize the function of the slide.

说明：CSS 3 Switch Button Button, SVG Switch Button Checkbox Switch Button, the Button on a mobile phone can be easily seen, very good Button, sliding around is as a Switch to use.

说明：Collected some HTML web page instance set, including canvas, website drag effects, image effects, player special effects, such as some HTML 5 web animation as an example, this simple example, help beginners better understand related features and methods of the HTML 5.

说明：Big DIV style most of two-stage drop-down menu, because it feels after drop-down menu display DIV is bigger, simply called "DIV" here, hehe, not to mention the effect, good, please have a look at this site test.