搜尋

首頁  >  問答  >  主體

angular.js - 如何只用 AngularJs 實作圖片滑動切換?

AngularJS的圖片輪播效果或是圖片滑動切換效果在百度上搜到的程式碼基本上都是基於bootstrap這個控制來實現的。
如何實現純AngularJS不帶jQ或其他。實現如手機淘寶的寶貝詳情頁的頂層banner那樣的滑動切換圖片的效果?

大家讲道理大家讲道理2796 天前814

全部回覆(1)我來回復

  • PHP中文网

    PHP中文网2017-05-15 16:53:32

    建議github搜下一大堆,如果你打算自己實現,首先需要你理解ng的指令,剩下的原理都是一樣的東西。

    1.定義一個swipe指令
    2.封裝touch事件,ng官方已經提供了 ngTouch
    3.監控事件,進行CSS控制製作動畫過度效果 (這個用css3還是老式的easing看你自己了)
    4.放到頁使用...

    回覆
    0
  • 取消回覆