js轮播插件教程视频轮播图js代码插件总汇
js轮播插件_轮播图js代码插件总汇
Swiper
开源、免费、强大的触摸滑动插件,Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
Vue-Awesome-Swiper:
基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。
slick
slick插件从前叫slick-carousel,历史很悠久,功能也很强大,官方号称“这是你需要的最后一个轮播插件”,自夸的这么厉害,我们就看看具体到底怎样的。
owl carousel2
用法跟slick很像,用法在中文文档说明的很详细,html 的写法跟slick一样,但是Owl.carousel 没有data- 属性 。 现在最新版是2.2.0 功能更强大,支持触屏,单个多个显示/拖拽,自动播放,延迟加载等。
jssor/slider
国外的一款模板非常多的滑动插件pc端浏览器也可以支持。 优点:模板丰富,使用方便,可以使用jquery独自使用。
iSlider
这个应该好多朋友用过,一款很不错的手机端滑动特效,他的实现方式与上面两个不同,所有内容都由js实现,存放在js数组中。上面两个是html代码与js混合的形式。
优点:无需jquery可独立运行
缺点:只能再js中写展示内容