个性化阅读
专注于IT技术分析

最好用的轮播插件框架都在这里了,Github流行轮播框架

一般来说,一个完整的WEB项目都少不了使用JavaScript轮播插件。对于整个简单的轮播插件,有时会我们会要求它有更可控的样式,不同的使用场景也需要不同的样式,最理想的轮播插件就是可定制。除了原生开发,使用开源轮播插件可以加快你的开发进度。本文集合Github上最流行使用的轮播框架提供给大家,方便开发的时候拿来开箱即用。

一、Slick

Slick轮播插件

Slick轮播插件可能是目前开源轮播插件中最好用的了,它有不少可定制的内容。完全自适应,跟随容器自动缩放,提供大量的可定制设置,可自动播放,自定义点列箭头,多种回调函数,提供多种样式供你选择。

Github项目地址:https://github.com/kenwheeler/slick

Demo地址:http://kenwheeler.github.io/slick/

二、Swiper

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轮播组件,就是上面Slick的React版本。

Github项目地址:https://github.com/akiran/react-slick

Demo地址:https://react-slick.neostack.com/

四、OwlCarousel2

OwlCarousel2轮播插件

一个很好用的jQuery轮播插件,提供很多漂亮的样式,提供无限循环,居中条目,智能轮播速度,带有响应式,回调事件,支持部分视频轮播,定位导航。。。

Github项目地址:https://github.com/OwlCarousel2/OwlCarousel2

Demo地址:http://owlcarousel2.github.io/OwlCarousel2/demos/demos.html

五、Flickity

Flickity轮播插件

响应式轮播插件,支持PC和移动端,该插件提供了很多精美的样式,如果你想更有个性化,这款是个不错的选择。

Github项目地址:https://github.com/metafizzy/flickity

Demo地址:https://flickity.metafizzy.co/

六、Glide

Glide轮播插件

Glide是一个轻量级的轮播插件,灵活,滑动快。免依赖,模 可自定义删除不需要的模块,可扩展,轻松添加到你自己的模  模块中。

Github项目地址:https://github.com/glidejs/glide

Demo地址:https://glidejs.com/docs/

赞(0) 打赏
未经允许不得转载:srcmini » 最好用的轮播插件框架都在这里了,Github流行轮播框架
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏