一般来说,一个完整的WEB项目都少不了使用JavaScript轮播插件。对于整个简单的轮播插件,有时会我们会要求它有更可控的样式,不同的使用场景也需要不同的样式,最理想的轮播插件就是可定制。除了原生开发,使用开源轮播插件可以加快你的开发进度。本文集合Github上最流行使用的轮播框架提供给大家,方便开发的时候拿来开箱即用。
一、Slick
Slick轮播插件可能是目前开源轮播插件中最好用的了,它有不少可定制的内容。完全自适应,跟随容器自动缩放,提供大量的可定制设置,可自动播放,自定义点列箭头,多种回调函数,提供多种样式供你选择。
Github项目地址:https://github.com/kenwheeler/slick
Demo地址:http://kenwheeler.github.io/slick/
二、Swiper
Swiper是免费和最现代化的移动触摸滑块,拥有硬件加速转换和惊人的本地行为。Swiper用于移动网站,移动web应用程序和移动原生/混合应用程序。主要为iOS系统设计,但也适用于Android、Windows Phone8和现代桌面浏览器。Swiper并不兼容所有平台,只专注于现代应用平台和更好的体验。
Github项目地址:https://github.com/nolimits4web/swiper
Demo地址:http://idangero.us/swiper/demos/
三、React-Slick
一个React轮播组件,就是上面Slick的React版本。
Github项目地址:https://github.com/akiran/react-slick
Demo地址:https://react-slick.neostack.com/
四、OwlCarousel2
一个很好用的jQuery轮播插件,提供很多漂亮的样式,提供无限循环,居中条目,智能轮播速度,带有响应式,回调事件,支持部分视频轮播,定位导航。。。
Github项目地址:https://github.com/OwlCarousel2/OwlCarousel2
Demo地址:http://owlcarousel2.github.io/OwlCarousel2/demos/demos.html
五、Flickity
响应式轮播插件,支持PC和移动端,该插件提供了很多精美的样式,如果你想更有个性化,这款是个不错的选择。
Github项目地址:https://github.com/metafizzy/flickity
Demo地址:https://flickity.metafizzy.co/
六、Glide
Glide是一个轻量级的轮播插件,灵活,滑动快。免依赖,模 可自定义删除不需要的模块,可扩展,轻松添加到你自己的模 模块中。
Github项目地址:https://github.com/glidejs/glide
Demo地址:https://glidejs.com/docs/
评论前必须登录!
注册