一、轮播图
1.Swipe
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 网站有这个需要,可以尝试使用这个该特效插件。
a.自定义提示方向
b.支持拖拽移动
c.滚动容器显示
d.视口边界
如果大家喜欢JS的其他功能插件和库的可以在评论区留言,或者直接私信我,我会第一时间为大家分享哦!
声明:本媒体部分图片或文字来源于网络,版权归原作者所有,如有侵权,请与我联系删除。