js轮播插件_轮播图js代码插件总汇
js轮播插件_轮播图js代码插件总汇
Swiper
开源、免费、强大的触摸滑动插件,Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
网站:https://www.swiper.com.cn/
github:https://github.com/nolimits4web/swiper
vue-Awesome-Swiper:
基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。
github:https://github.com/surmon-china/vue-awesome-swiper
slick
slick插件从前叫slick-carousel,历史很悠久,功能也很强大,官方号称“这是你需要的最后一个轮播插件”,自夸的这么厉害,我们就看看具体到底怎样的。
网站:http://kenwheeler.github.io/slick/
github:https://github.com/kenwheeler/slick
owl carousel2
用法跟slick很像,用法在中文文档说明的很详细,html 的写法跟slick一样,但是Owl.carousel 没有data- 属性 。 现在最新版是2.2.0 功能更强大,支持触屏,单个多个显示/拖拽,自动播放,延迟加载等。
网站:https://owlcarousel2.github.io/OwlCarousel2/.
github:https://github.com/OwlCarousel2/OwlCarousel2
jssor/slider
国外的一款模板非常多的滑动插件pc端浏览器也可以支持。 优点:模板丰富,使用方便,可以使用jquery独自使用。
网站:https://www.jssor.com/
github:https://github.com/jssor/slider
iSlider
这个应该好多朋友用过,一款很不错的手机端滑动特效,他的实现方式与上面两个不同,所有内容都由js实现,存放在js数组中。上面两个是html代码与js混合的形式。
优点:无需jquery可独立运行
缺点:只能再js中写展示内容
网站:http://be-fe.github.io/iSlider/
github:https://github.com/BE-FE/iSlider
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!