HTML5 for animated carousel and gesture control

let Android into my life!

the company asked to make a service window project, is a Java web, let me write the page, background logic by another colleague responsible, before very early contact with html,div+css,table, there are other kinds of tags, various styles, to now forget the full, but work, Again to pick up, first to find a frame, in the online search exhausted, the results of the project to find out either integration is very high, modified special trouble, even find a root style is a half-day strength, or to achieve the non-requirements, and finally asked the company's Java Web colleague, only to calculate the solution.

Let's take a look at the project structure

Online carousel is really a lot of framework, Xiaomi Mall page should be relatively good, the code is concise, we are interested to see their own, the key points in the finger to achieve touch control, online looking for a lot of can not be achieved, or their own written more reliable, good, nonsense not much to say, first look at the effect, then on the code

below the main page of the code, with the IFRAME added a Carousel page come in：


The following is the frame of the Carousel page and the gesture touch control, which is also the IFRAME in the entire index.html:

HTML5 for animated carousel and gesture control