js轮播插件_轮播图js代码插件总汇

更新日期: 2018-11-14 阅读: 4.6k 标签: 插件

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

 

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/1342

相关推荐

基于Vue的验证码插件vue2-verify

在我们Web项目开发中,验证码是一种比较常见的区分用户是计算机还是人的手段。主要是为了保证项目的安全。现在Vue开发的项目很多,基本都是前后端分离的。给大家推荐一个基于Vue比较好用的验证码插件vue2-verify。但是大家要注意一点

video.js使用技巧

Video.js初始化有两种方式;一种是在<video>标签里面加上。注意,两者缺一不可。刚开始的时候我觉得后面的值为空对象{},不放也行,导致播放器加载不出来,后来加上来就可以了。

前端最常用的vscode插件集

在前端开发中,使用Visual Studio Code有哪些你常用的插件?推荐几个自己喜欢的,不带链接,自己搜索安装吧。这些都是比较实用、前端必备的插件集

vue开发常用第三方插件总结

这篇文章整理vue开发中常用插件及工具,主要包含: UI组件、开发框架、实用库、服务端SSR、辅助工具、应用实例、Demo示例等,分享给大家,希望对大家有所帮助

浏览器插件_常用谷歌浏览器插件推荐

常用谷谷歌浏览器确实没有其它国产软件的内置功能丰富。但是 Google 浏览器的的优点恰恰就体现在拥有超简约的界面,以及支持众多强大好用的扩展程序,用户能够按照自己的喜好去个性化定制浏览器。今天我就给大家介绍几款自己常用的插件。

对于前端开发,整理推荐好用的chrome插件或应用

向web前端开发者整理提供的chrome插件或应用:比如Postman、JSON Viewer、Page Ruler 、ChromeADB 等等

sublime安装插件

安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录,也可以安装package control组件,然后直接在线安装

vue项目中使用新手引导功能_intro.js

如何在vue项目中使用用intro.js新手引导功能呢?这里需要使用到vue-introjs插件,vue-introjs是在Vue中绑定intro.js所使用的。在使用vue-introjs前,需要先安装intro.js

使用原生js开发插件的实现方法

作为前端开发,我们都习惯使用一些开源的插件例如jquery工具库,那么如何使用原生js来开发封装一个自己的插件呢?接下来就看一下怎么去开发一个自己的js插件,先上代码

vue项目中vscode格式化配置和eslint配置冲突

使用vscode开发vue项目的时候,从远端拉下一个新的项目后,安装完依赖后跑起项目时,发现直接报了一堆语法错误:包括换行、空格、单双引号、分号等各种格式问题

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!