当前位置: 首页 > Web前端 > HTML

一款移动端微型 swiper 插件,小而美,无依赖.

时间:2023-04-02 16:33:54 HTML

一款移动端的微刷插件,小巧美观,无依赖,最大的优点就是体积小,压缩后只有1.2k,可以满足一些开发需求。插件的开发采用了构造函数模式和原型模式相结合的方式,通过Gulp构建。有兴趣的可以看看源码?。欢迎加星?有问题请提issue效果Demo在线浏览Demo,手机浏览请戳这里Development#克隆本仓库gitclonehttps://github.com/JohnsenZhou/mSwiper.js。git#进入仓库目录cdmSwiper.js#安装依赖npminstall#启动项目,本地浏览地址=>localhost:8080gulp#打包压缩gulpbuildinstall去release下载需要的版本。使用

  • mSwiper也支持AMD规范,可以通过require.js加载使用:require(['mSwiper'],function(mSwiper){varoptions={selector:"#selector",//节点选择isAutoPlay:true,//是否自动播放autoPlayTime:3000,//设置automaticallyPlaytime}varmSwiper=newmSwiper(options);})ApinewmSwiper(options)options具体参数:参数类型默认值函数说明selectorstring#selector容器选择器isAutoPlayboolfalse是否自动播放isManualboolfalse是否支持手指滑动autoPlayTimenumber5000自动播放间隔时间goDirectionstringleft自动播放方向(left&right)LicenseMITLicense