Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 首页 在线演示 Swiper 基础演示 Swiper 精彩应用（移动） Swiper 精彩应用（PC） 中文教程 Swiper 使用方法 Swiper Animate 使用方法 Swiper 与DOM 在React 中使用Swiper 在Svelte 中使用Swiper 在Angular 中使用Swiper 在Vue 中使用Swiper 在Vue 中使用低版本Swiper(3/4) API 文档 获取Swiper 下载Swiper Swiper CDN地址 关于我们 关于Swiper 优秀企业案例展示 友情链接 Swiper3 Swiper3 基础演示 Swiper3 移动端实例 Swiper3 电脑端实例 Swiper3 API 文档 Swiper2 Swiper2 基础演示 Swiper2 实例 Swiper2 API 文档 交流分享 Swiper 英文网 搜索 Swiper11 开源、免费、强大的触摸滑动插件 查看Swiper演示 查看API 文档 交流、分享Swiper 回顾Swiper3 回顾Swiper2IE7 开始使用 Swiper 简单配置即可实现手机、电脑网页大部分滑动功能，焦点图、tab、触摸导航等 为什么大家都选择使用Swiper？ 免费，开源，稳定，应用广泛，文档丰富，大量活跃用户解答疑问 Swiper应用广泛，使用频率仅次于jQuery，轮播图类排名第一，是网页设计师必备技能 众多耳熟能详的品牌在使用：阿里、腾讯、百度、拼多多、网易、华为、格力、喜茶、顺丰...更多 大量demo即下即用，前端新手亦可快捷做出精美效果 据调查，掌握Swiper的前端开发者普遍月薪在1-3万之间 Swiper交友群：群① 648433223     群② 526371207 最近更新： on resizeObserver swiper5基础演示移动端应用PC端应用API文档 swiper3基础演示移动端应用PC端应用API文档 swiper2基础演示实际应用API文档 Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 右侧范例来自某讯网，用到了这些特效： 触摸导航freeMode 焦点图autoplay 内容tabslideTo 扫一扫或下载 Swiper拥有灵活的progress，这是自定义制作3D幻灯片切换效果的利器 Swiper制作3D切换效果的方法多种多样。cube、coverflow、flip、cards和creative可以轻松的实现3D过渡，如果你想制作其他新颖的切换方式，推荐使用progress。 progress可以帮助你获取到滑块的进度索引。 右侧3d宣传册范例用到了这些特效： 获取progresswatchSlidesProgress 垂直切换direction 过渡回调setTransition 扫一扫或下载 在Swiper上加些小动画，制作时下最流行的微展示 使用Swiper再配合一些你喜欢的小动画，你的图片立即变成活灵活现的微场景、微海报。 常用的制作动画的方法有CSS3、GreenSock、Anime.js、animate.css等。也推荐使用我们的Swiper Animate小插件，无需学习即可快速制作出精美的切换动画效果。 Swiper Animate有大量的demo，下载后进行简单修改即可，是伸手党的最爱。 右侧liveapp范例用到了这些特效： 动画小插件Swiper Animate 切换后回调slideChangeTransitionEnd 扫一扫或下载 Swiper 的特色功能 不依赖公共库Swiper无需加载任何公共库（如jquery）即可运行，这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的运行，如jQuery, Zepto, jQuery Mobile等 支持流行的前端框架从Swiper6版本开始提供了流行前端框架的支持，可以将swiper作为组件添加到这些框架中方便使用，如React，Svelte，Vue.js，Angular等 1:1的触摸滑动Swiper默认的触摸比例为1:1，你可以通过修改Swiper的设置来改变这个比例。 监视器Swiper可以通过设置开启监视器，有了这个功能Swiper可以在你动态改变Dom或Swiper的样式时自动重新初始化并计算所需的元素。 丰富的APISwiper 拥有丰富的API，允许你建立自己独特的分页器、导航、视差滚动、或其他精彩的效果 真正支持RTL布局Swiper是唯一一个支持100%RTL(右向左)布局的滑动插件。可在swiper-container上加dir="rtl"。 多行slides布局Swiper允许多行Slides布局，这样每行的slide就会较少。 丰富的过渡效果 内置了 淡入、3D方块、3D流、3D翻转、卡片、创意性等6种效果，方便轻松使用。 双向控制现在Swiper可以用来控制其他的Swiper，甚至可以同时控制。 完整的导航控制Swiper配备了常用的导航控制器，包括分页器，切换箭头，滚动条。 Flexbox布局Swiper使用流行的flexbox布局，这样就解决了很多计算尺寸方面的问题。这种布局也允许用CSS来设定Slides。 Flexbox网格你可以在Swiper初始化的时候设定slide的显示，包括每行、每列、每组数量以及他们的间距等。 视差过渡Swiper支持流行的视差效果，你可以将视差效果应用于Swiper的内部元素，如图片、文本、标题、背景图等等.. 图片懒加载Swiper对非active slide内的图片实行延迟加载，这个功能加快了页面的打开速度，提高了Swiper的使用体验。 虚拟 SlidesSwiper 5新增了虚拟slides特性，当你有很多Slide或有很多内容的slide的时候可以在DOM中只保留需要的slide。 其他的特性Swiper5还包含了所有swiper2的优秀特性，包括自适应、滚动反弹、抵抗反弹、loop模式、嵌套Swiper。 50,000+ 使用者，200,000+ 网站及应用 用Swiper来制作滑动切换已经成为现今网站或应用的潮流和标准 查看更多企业> Swiper完全免费并开源（MIT Licensed）开始使用Swiper 网站地图 Swiper中文网 Swiper3中文网 Swiper2中文网 Swiper资源·交流 日本网站设计欣赏 合作伙伴 滤油机 耐美尔 Highcharts中文网 jquery特效 API平台 5G系统之家 九五安卓网 致辞 感谢idangero创造的移动端触摸滑动插件Swiper带给我们的无限精彩。   赞助我们 用于服务器费用 友情链接更多友情链接> 图片网站 幂简集成 智慧园区 膜结构车棚 管道标识 Copyright © 2014-2019 Swiper中文网,粤ICP备15001020号, All Rights Reserved。