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

2019-12-09     最美分享Coder

介紹

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

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




  • Gitee

    https://gitee.com/visitor009/swiper3d

    代碼示例






    \t




    • \t

    \t

      \t

        \t\t
      • <

      • \t\t
      • >

      • \t





      注意事項

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

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

      文章來源: https://twgreatdaily.com/zh/TYVHAW8BMH2_cNUgD67c.html