HTML5實現動畫輪播和手勢控制，

HTML5實現動畫輪播和手勢控制，

      讓Android融入我的生活！

      公司要求作一個服務窗的項目，是一個java web，讓我負責寫頁面，後台邏輯由另外一個同事負責，之前很早接觸html，div+css，table，還有其他各種標籤，各種樣式，到現在都忘的一乾二淨了，但是工作，又要重新拿起來了，先找一下輪播的架構，在網上各種搜尋用盡，結果找出來的項目要麼整合很高，修改起來特別麻煩，連找個根樣式都費半天勁；要麼實現不合要求，最後還是問了下我們公司的java web同事，才算解決了。

     先來看一下項目結構

     網上輪播的架構確實很多，小米商城的頁面應該是比較好的，代碼也簡潔，大家有興趣可以自己去看看，關鍵痛點就在手指實現觸摸控制，網上找的好多都實現不了，還是自己寫的比較靠譜，好了，廢話不多說，先看效果，再上代碼

    

     下面為首頁面的代碼，用了iframe添加了一個輪播頁面進來：


     下面為輪播頁面的架構和手勢觸摸控制，也是整個index.html中的iframe：