成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一款移動端微型 swiper 插件，小而美，無依賴.

pubdreamcc / 1396人閱讀

摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優(yōu)勢就是小，壓縮后僅能滿足部分開發(fā)需求。插件的開發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式，通過構(gòu)建，感興趣的可以閱讀源碼。

mSwiper.js

View README in English

項目地址

移動端微型 swiper 插件，小而美，無依賴.
前言

mSwiper 相對于其他的swiper插件而言，最大的優(yōu)勢就是 小，壓縮后僅 1.2k ,能滿足部分開發(fā)需求。插件的開發(fā)采用 組合使用構(gòu)造函數(shù)模式和原型模式，通過 Gulp 構(gòu)建，感興趣的可以閱讀源碼?。歡迎 star ?

若有問題，請?zhí)醝ssue
效果演示

在線瀏覽Demo請戳這里

手機瀏覽請掃描下方二維碼

開發(fā) 
# 克隆本倉庫
git clone https://github.com/JohnsenZhou/mSwiper.js.git

# 進入倉庫目錄
cd mSwiper.js

# 安裝依賴
npm install

# 啟動項目，本地瀏覽地址 => localhost:8080
gulp

# 打包壓縮
gulp build
安裝

前往 release 下載所需版本。

使用 
    
  
  • 
    
  
    • 
  
  • 
    
  
    • 
  
  • 
    
  
    • 
  
  • 
    
  
    • 
  
  • 
    
  
    •

mSwiper 同時也支持 AMD 規(guī)范，你可以通過 require.js 進行加載使用：

require(["mSwiper"], function(mSwiper) {
  var options = {
    selector: "#selector",  // 節(jié)點選擇
    isAutoPlay: true,       // 是否自動播放
    autoPlayTime: 3000,     // 設(shè)置自動播放時間
  }
  var mSwiper = new mSwiper(options);
})
Api new mSwiper(options)

options 具體參數(shù)：

參數(shù) 類型 默認值 功能描述
selector string #selector 容器選擇器
isAutoPlay bool false 是否自動播放
isManual bool false 是否支持手指滑動
autoPlayTime number 5000 自動播放間隔時間
goDirection string left 自動播放方向(left&right)
License

MIT License

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88513.html

相關(guān)文章

  • 一款移動端微型 swiper 插件，小而美，無依賴.

    摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優(yōu)勢就是小，壓縮后僅能滿足部分開發(fā)需求。插件的開發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式，通過構(gòu)建，感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...

    Nino 評論0 收藏0

  • 一款移動端微型 swiper 插件，小而美，無依賴.

    摘要：項目地址移動端微型插件，小而美，無依賴前言相對于其他的插件而言，最大的優(yōu)勢就是小，壓縮后僅能滿足部分開發(fā)需求。插件的開發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式，通過構(gòu)建，感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...

    DataPipeline 評論0 收藏0

  • 微型庫解讀之200byte的EventEmitter - Mitt

    摘要：微型庫解讀之的前端起源關(guān)于我想應(yīng)該很多同學(xué)都很熟悉了。小而美的整個庫非常的小，但是卻功能齊全，為了縮減代碼，也是有一些小技巧在里面。這幾天也在瘋狂的看寫的一些庫，他的庫都有小而美的特點，無論是著名的還是簡單的這種庫。 title: 微型庫解讀之200byte的EventEmitter - Mitttags: 前端 date: 2018-01-26 00:55:08 起源 關(guān)于 Eve...

    fredshare 評論0 收藏0

  • 前端插件庫

    摘要：原文鏈接前端插件庫站點前端開發(fā)文檔博客前端插件庫前端插件庫官網(wǎng)是的函數(shù)庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數(shù)庫。 原文鏈接：前端插件庫站點：前端開發(fā)文檔博客：前端插件庫 前端插件庫 DataTables 官網(wǎng)：https://www.datatables.net/ DataTables是jQuery的JavaScr...

    高勝山 評論0 收藏0

  • 前端插件庫

    摘要：原文鏈接前端插件庫站點前端開發(fā)文檔博客前端插件庫前端插件庫官網(wǎng)是的函數(shù)庫，目的是強化表格操作如搜索排序，并自動加入組件引入表格中，使用非常靈活簡便。由推出，靈活扎實的建議列表函數(shù)庫。 原文鏈接：前端插件庫站點：前端開發(fā)文檔博客：前端插件庫 前端插件庫 DataTables 官網(wǎng)：https://www.datatables.net/ DataTables是jQuery的JavaScr...

    shusen 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<