AngularJS的圖片輪播效果或是圖片滑動(dòng)切換效果在百度上搜到的程式碼基本上都是基於bootstrap這個(gè)控制來(lái)實(shí)現(xiàn)的。
如何實(shí)現(xiàn)純AngularJS不帶jQ或其他。實(shí)現(xiàn)如手機(jī)淘寶的寶貝詳情頁(yè)的頂層banner那樣的滑動(dòng)切換圖片的效果?
光陰似箭催人老,日月如移越少年。
建議github搜下一大堆,如果你打算自己實(shí)現(xiàn),首先需要你理解ng的指令,剩下的原理都是一樣的東西。
1.定義一個(gè)swipe指令
2.封裝touch事件,ng官方已經(jīng)提供了 ngTouch
3.監(jiān)控事件,進(jìn)行CSS控制製作動(dòng)畫過(guò)度效果 (這個(gè)用css3還是老式的easing看你自己了)
4.放到頁(yè)使用...