摘要:項(xiàng)目地址移動(dòng)端微型插件,小而美,無(wú)依賴前言相對(duì)于其他的插件而言,最大的優(yōu)勢(shì)就是小,壓縮后僅能滿足部分開(kāi)發(fā)需求。插件的開(kāi)發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式,通過(guò)構(gòu)建,感興趣的可以閱讀源碼。
mSwiper.js
View README in English
項(xiàng)目地址
前言移動(dòng)端微型 swiper 插件,小而美,無(wú)依賴.
mSwiper 相對(duì)于其他的swiper插件而言,最大的優(yōu)勢(shì)就是 小,壓縮后僅 1.2k ,能滿足部分開(kāi)發(fā)需求。插件的開(kāi)發(fā)采用 組合使用構(gòu)造函數(shù)模式和原型模式,通過(guò) Gulp 構(gòu)建,感興趣的可以閱讀源碼?。歡迎 star ?
效果演示若有問(wèn)題,請(qǐng)?zhí)醝ssue
在線瀏覽Demo請(qǐng)戳這里
手機(jī)瀏覽請(qǐng)掃描下方二維碼 開(kāi)發(fā)# 克隆本倉(cāng)庫(kù) git clone https://github.com/JohnsenZhou/mSwiper.js.git # 進(jìn)入倉(cāng)庫(kù)目錄 cd mSwiper.js # 安裝依賴 npm install # 啟動(dòng)項(xiàng)目,本地瀏覽地址 => localhost:8080 gulp # 打包壓縮 gulp build安裝
前往 release 下載所需版本。
使用mSwiper 同時(shí)也支持 AMD 規(guī)范,你可以通過(guò) require.js 進(jìn)行加載使用:
require(["mSwiper"], function(mSwiper) { var options = { selector: "#selector", // 節(jié)點(diǎn)選擇 isAutoPlay: true, // 是否自動(dòng)播放 autoPlayTime: 3000, // 設(shè)置自動(dòng)播放時(shí)間 } var mSwiper = new mSwiper(options); })Api new mSwiper(options)
options 具體參數(shù):
參數(shù) | 類(lèi)型 | 默認(rèn)值 | 功能描述 |
---|---|---|---|
selector | string | #selector | 容器選擇器 |
isAutoPlay | bool | false | 是否自動(dòng)播放 |
isManual | bool | false | 是否支持手指滑動(dòng) |
autoPlayTime | number | 5000 | 自動(dòng)播放間隔時(shí)間 |
goDirection | string | left | 自動(dòng)播放方向(left&right) |
MIT License
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/88513.html
摘要:項(xiàng)目地址移動(dòng)端微型插件,小而美,無(wú)依賴前言相對(duì)于其他的插件而言,最大的優(yōu)勢(shì)就是小,壓縮后僅能滿足部分開(kāi)發(fā)需求。插件的開(kāi)發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式,通過(guò)構(gòu)建,感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...
摘要:項(xiàng)目地址移動(dòng)端微型插件,小而美,無(wú)依賴前言相對(duì)于其他的插件而言,最大的優(yōu)勢(shì)就是小,壓縮后僅能滿足部分開(kāi)發(fā)需求。插件的開(kāi)發(fā)采用組合使用構(gòu)造函數(shù)模式和原型模式,通過(guò)構(gòu)建,感興趣的可以閱讀源碼。 mSwiper.js showImg(https://segmentfault.com/img/remote/1460000011106820); showImg(https://segmen...
摘要:微型庫(kù)解讀之的前端起源關(guān)于我想應(yīng)該很多同學(xué)都很熟悉了。小而美的整個(gè)庫(kù)非常的小,但是卻功能齊全,為了縮減代碼,也是有一些小技巧在里面。這幾天也在瘋狂的看寫(xiě)的一些庫(kù),他的庫(kù)都有小而美的特點(diǎn),無(wú)論是著名的還是簡(jiǎn)單的這種庫(kù)。 title: 微型庫(kù)解讀之200byte的EventEmitter - Mitttags: 前端 date: 2018-01-26 00:55:08 起源 關(guān)于 Eve...
摘要:原文鏈接前端插件庫(kù)站點(diǎn)前端開(kāi)發(fā)文檔博客前端插件庫(kù)前端插件庫(kù)官網(wǎng)是的函數(shù)庫(kù),目的是強(qiáng)化表格操作如搜索排序,并自動(dòng)加入組件引入表格中,使用非常靈活簡(jiǎn)便。由推出,靈活扎實(shí)的建議列表函數(shù)庫(kù)。 原文鏈接:前端插件庫(kù)站點(diǎn):前端開(kāi)發(fā)文檔博客:前端插件庫(kù) 前端插件庫(kù) DataTables 官網(wǎng):https://www.datatables.net/ DataTables是jQuery的JavaScr...
摘要:原文鏈接前端插件庫(kù)站點(diǎn)前端開(kāi)發(fā)文檔博客前端插件庫(kù)前端插件庫(kù)官網(wǎng)是的函數(shù)庫(kù),目的是強(qiáng)化表格操作如搜索排序,并自動(dòng)加入組件引入表格中,使用非常靈活簡(jiǎn)便。由推出,靈活扎實(shí)的建議列表函數(shù)庫(kù)。 原文鏈接:前端插件庫(kù)站點(diǎn):前端開(kāi)發(fā)文檔博客:前端插件庫(kù) 前端插件庫(kù) DataTables 官網(wǎng):https://www.datatables.net/ DataTables是jQuery的JavaScr...
閱讀 1751·2021-09-26 10:00
閱讀 3000·2021-09-06 15:00
閱讀 3602·2021-09-04 16:40
閱讀 2377·2019-08-30 15:44
閱讀 794·2019-08-30 10:59
閱讀 1947·2019-08-29 18:34
閱讀 3696·2019-08-29 15:42
閱讀 2343·2019-08-29 15:36