Swipe 移动端滑动插件使用详解
简介
Swipe 是一个轻量级的移动滑动组件,这点从文件大小不难看出。它支持 1:1 的触摸移动,阻力以及防滑。单纯从移动端来使用,应该满足基本的需求了。
说明
从github下载后,可以发现,总共就8个文件,其中可能真正项目中用得到的,也基本就是1个 swipe.js 文件。
index.html 和 style.css 本身是作为演示存在的,有兴趣的可以研究一下。
那么我们具体如果使用它呢?很简单,基本只要如下代码即可:
以上代码运行结果:
通过鼠标点击或者放到手机上手指滑动,就可以看见幻灯片的运行效果了。当然,当前只是最基本的,全部都是默认配置。我们完全可以通过下面提供的参数,结合自己的需求,自义定出更好的效果来。
下面就是官方给的演示例子:
从中我们不难看出具体参数的使用方法和位置。这一个如果感兴趣,可以根据需要,自己加入参数试试,都是以json对象存在于Swipe的第二个参数的。
那么除了以上参数,Swipe还提供了一些常用的方法(API):
都是一些简单的接口方法,你可以Js调用他们以达到你想要的效果。
地址
https://github.com/thebird/sw…
Swipe 移动端滑动插件使用详解相关推荐
- html5 swipe滑动选择身高,Swipe 移动端滑动插件使用详解
前言 最近需要开发一个新的"微信活动平台",手机端主页需要用到一个幻灯片.因为好一段时间没有全部手写移动端页面了,遂又重新找了一个下有没有什么好的幻灯片插件,毕竟重复造轮子没有必要 ...
- android 脚本swipe,移动端滑动插件Swipe教程
前言 最近需要开发一个新的"微信活动平台",手机端主页需要用到一个幻灯片.因为好一段时间没有全部手写移动端页面了,遂又重新找了一个下有没有什么好的幻灯片插件,毕竟重复造轮子没有必要 ...
- ueditor上传组件显示乱码_最全面的移动端 UI组件设计详解:中篇
上一期给大家讲解了<最全面的移动端UI组件设计详解:上篇>,主要分享了:布局组件和导航组件2个部分:这次给大家带来:基础组件.表单组件和反馈组件详解,希望你在设计APP.小程序.H5页面中 ...
- fullPage教程 -- 整屏滚动效果插件 fullpage详解
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:fullPage教程 -- 整屏滚动效果插件 fullpage详解 1. ...
- 导出jar插件_Fluttify输出的Flutter插件工程详解
系列文章: yohom:Fluttify输出的Flutter插件工程详解zhuanlan.zhihu.com yohom:开发Flutter插件必备原生SDK->Dart接口生成引擎`Flut ...
- [logstash-input-log4j]插件使用详解
Log4j插件可以通过log4j.jar获取Java日志,搭配Log4j的SocketAppender和SocketHubAppender使用,常用于简单的集群日志汇总. 最小化的配置 input { ...
- js截取图片 裁剪图片之cropper.js插件用法详解
js截取图片 裁剪图片之cropper.js插件用法详解 源码:https://github.com/fengyuanchen/cropper 引入+使用 <link href="/p ...
- fileupload的回调方法_jQuery File Upload文件上传插件使用详解
本篇教程介绍了jQuery File Upload文件上传插件使用详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < jQuery File Upload 是一个 ...
- Sonic 开源移动端云真机测试平台 - 设备中心接入安卓设备实例演示,Agent端服务部署过程详解
Sonic 开源移动端云真机测试平台 - Agent端服务部署与安卓设备接入演示 一加8手机连接效果图展示 第一章:环境准备 ① agent-sources 资源包下载 ② Android SDK安装 ...
- logstash过滤器插件filter详解及实例
原创作者:峰哥ge 原创地址: https://www.cnblogs.com/FengGeBlog/p/10305318.html logstash过滤器插件filter grok正则捕获 grok ...
最新文章
- id和class到底要用哪一个?
- 笔记本电脑下载python视频教程-Python的Jupyter Notebook入门教程
- STM32三种启动模式 boot0 boot1
- pointcut 排除_宁河天津玻璃门地弹簧玻璃门故障排除
- python 同时发多个请求_PythonWebServer如何同时处理多个请求
- 【AI视野·今日NLP 自然语言处理论文速览 第八期】Wed, 16 Jun 2021
- 从微信浏览器,调起本地应用,最简单的解决方案
- ssms脚本生成缓慢_使用SSMS和Azure Data Studio生成数据脚本
- QTP自动化测试从零基础到精通进阶(脚本测试、VBS语法、描述性编程、测试框架)...
- zookeeper安装和基本操作
- FRR BGP协议分析15 -- 路由策略
- TINA-TI仿真软件使用教程
- 福州大学计算机科学与技术 何x玲,吴伶 - 福州大学 - 数学与计算机科学学院
- c语言 求圆周长 圆面积 圆球表面积 圆球体积 圆柱体积
- 简单三步下载网页微博中的视频
- 职场干货 | 如何让你的自我介绍,快速打动面试官
- python带你采集回车桌面高清写真壁纸
- 广州大学数据库实验三——数据库系统设计综合实验
- 开发webgl应用时,cesium快速定位相机角度、相机位置的方法
- java 从入门到单身狗_java 的23种设计模式 之单身狗和隔壁老王的故事
热门文章
- arcgis 空间交集 计算_基于ArcGIS的GIS缓冲区与叠加分析的综合应用——以大型商场选址为例...
- uniapp打包app教程
- 计算机连接路由器的方法,路由器连接电脑的三种方式和设置介绍
- android游戏推广,安卓APP游戏首发市场渠道整理
- Excel函数SUMIFS和COUNTIFS详解
- sumifs countifs 时间段
- 1.3数据库系统的组成及特点
- 数据库系统的基本组成
- 苹果电脑写python体验好吗_苹果笔记本系统好用吗,浅谈Mac的优缺点
- Winner-Take-All Autoencoders ( 赢者通吃自编码器)