推荐几款无依赖轻量高效的开源JS插件和库

2018-10-25  本文已影响192人  亿点科技
推荐几款无依赖轻量高效的开源JS插件和库

一、轮播图

1.Swipe

推荐几款无依赖轻量高效的开源JS插件和库

Swiper常用于移动端网站的内容触摸滑动。

推荐几款无依赖轻量高效的开源JS插件和库

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

推荐几款无依赖轻量高效的开源JS插件和库

Swiper拥有灵活的progress,这是自定义制作3D切换效果的利器

Swiper制作3D切换效果的方法多种多样。cube、coverflow和flip可以轻松的实现3D过渡,如果你想制作其他新颖的切换方式,推荐使用progress。

progress可以帮助你获取到滑块的进度索引。

推荐几款无依赖轻量高效的开源JS插件和库

在Swiper上加些小动画,制作时下最流行的微展示

使用Swiper再配合一些你喜欢的小动画,你的图片立即变成活灵活现的微场景、微海报。

常用的制作动画的方法有CSS3、TweenMax、animate.css等。也推荐使用我们的Swiper Animate小插件,无需学习即可快速制作出精美的切换动画效果。

Swiper Animate有大量的demo,下载后进行简单修改即可,是伸手党的最爱。

推荐几款无依赖轻量高效的开源JS插件和库

2.baguetteBox.js

推荐几款无依赖轻量高效的开源JS插件和库

baguetteBox.js 是一个简单和易于使用的响应式的图像Lightbox 插件,支持滑动手势在移动设备上使用。纯JavaScript 实现,不依赖第三方库和插件,赶紧来体验吧。

推荐几款无依赖轻量高效的开源JS插件和库
推荐几款无依赖轻量高效的开源JS插件和库

二、弹出层

1.Popper.js

推荐几款无依赖轻量高效的开源JS插件和库

Popper.js 是一个扩展性较好的 tooltips 提示类 JS 插件,不需要依赖 jQuery 库,大小仅为 3.5KB 左右,使用与配置相当简单,若你的 Web 网站有这个需要,可以尝试使用这个该特效插件。

a.自定义提示方向

推荐几款无依赖轻量高效的开源JS插件和库

b.支持拖拽移动

推荐几款无依赖轻量高效的开源JS插件和库

c.滚动容器显示

推荐几款无依赖轻量高效的开源JS插件和库

d.视口边界

推荐几款无依赖轻量高效的开源JS插件和库

如果大家喜欢JS的其他功能插件和库的可以在评论区留言,或者直接私信我,我会第一时间为大家分享哦!

声明:本媒体部分图片或文字来源于网络,版权归原作者所有,如有侵权,请与我联系删除。

上一篇下一篇

猜你喜欢

热点阅读