輪播圖也涉及到觸摸和觸摸反饋,同時(shí),AlloyTouch可以把慣性運(yùn)動打開或者關(guān)閉,并且設(shè)置min和max為運(yùn)動區(qū)域,超出會自動回彈。
除了一般的豎向滾動,AlloyTouch也可以支持橫向滾動,甚至任何屬性的運(yùn)動,因?yàn)樗脑O(shè)計(jì)的本質(zhì)就是屬性無關(guān),觸摸可以反饋到任何屬性的運(yùn)動。所以AlloyTouch制作各種各樣的輪播組件還是得心應(yīng)手。
第一種輪播圖如上圖所示。下面開始實(shí)現(xiàn)的過程。
第0秒
<div id="carousel-container"> <div class="carousel"> <div class="carousel-scroller" id="carousel-scroller"> <img style="width: 88%;" src="asset/ci1.jpg"> <img style="width: 88%;" src="asset/ci2.jpg"> <img style="width: 88%;" src="asset/ci3.j