12.09 原生網頁旋轉輪播圖插件,PC端+移動端——Swiper3d

介紹

Swiper3d是基於原生js和css實現的網頁旋轉木馬輪播圖插件,具有流暢的過渡效果,適用於pc和移動端。ie >= 10以及 其他主流瀏覽器都支持。

  • pc左右箭頭控制
  • 移動端左右滑動


  • 原生網頁旋轉輪播圖插件,PC端+移動端——Swiper3d



    Gitee

    https://gitee.com/visitor009/swiper3d

    代碼示例


    <link>



    \t




    • \t

    \t

      \t

        \t\t
      • <

      • \t\t
      • >

      • \t





    注意事項

  • 圖片數量要 3+
  • 圖片順序從中間開始,往右排序
  • 圖片尺寸會比原來的縮小0.6倍,原來是180px,頁面上會變成 180 * 0.6 = 108px
  • 總結

    開源的插件非常多,有很多插件都很實用,本文介紹的是這樣一個輪播圖插件,也是偶然在碼雲上發現的,希望對你有所幫助!


    分享到:


    相關文章: