无依赖轻量高效的#轮播图&弹出层开源JS库
本帖最后由 不二如是 于 2018-10-26 15:24 编辑轮播图是网页设计中很常用的一个部分，可以让用户滚动呈现内容。
弹出层用来凸显某些重要文本。
初学者可以直接拿来用，如果有兴趣可以深入了解，自己一步一步实现一下～
废话不多说，进入正题{:10_332:}
轮播图
1、swiper
下载地址：传送门
Swiper常用于移动端网站的内容触摸滑动。
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
Swiper拥有灵活的progress，这是自定义制作3D切换效果的利器
Swiper制作3D切换效果的方法多种多样。cube、coverflow和flip可以轻松的实现3D过渡，如果你想制作其他新颖的切换方式，推荐使用progress。
progress可以帮助你获取到滑块的进度索引。
在Swiper上加些小动画，制作时下最流行的微展示
使用Swiper再配合一些你喜欢的小动画，你的图片立即变成活灵活现的微场景、微海报。
常用的制作动画的方法有CSS3、TweenMax、animate.css等。也推荐使用我们的Swiper Animate小插件，无需学习即可快速制作出精美的切换动画效果。
Swiper Animate有大量的demo，下载后进行简单修改即可，是伸手党的最爱。
2、baguetteBox.js
下载地址：传送门
baguetteBox.js 是一个简单和易于使用的响应式的图像Lightbox 插件，支持滑动手势在移动设备上使用。
纯JavaScript 实现，不依赖第三方库和插件，赶紧来体验吧。
弹出层
1、Popper.js
下载地址：传送门
Popper.js 是一个扩展性较好的 tooltips 提示类 JS 插件，不需要依赖 jQuery 库，大小仅为 3.5KB 左右。
使用与配置相当简单，若你的 Web 网站有这个需要，可以尝试使用这个该特效插件。
自定义提示方向：
支持拖拽移动：
滚动容器显示：
如果有帮助，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
页:
[1]