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

时间: 2018-11-14阅读: 2091标签: 插件

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

 

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1342

10个VSCode高效开发插件

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。VSCode(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器,算是目前前端开发几乎完美的软件开发工具

chrome书签插件

Pinbox 是一款可以使得用户的Chrome书签变得更加生动的谷歌浏览器插件,用户在Chrome中安装了Pinbox插件以后,只需要点击一下扩展按钮就会自动为你把当前的网页保存到Pinbox中。

总结18个webpack插件

何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程

提升工作效率的Chrome插件推荐

推荐几个我觉得非常不错的 Chrome 插件,都是我非常常用的。Postman、Octotree、OneTab、Momentum、掘金、Night Eye、一键管理所有扩展

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

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

jquery.validate验证

jquery validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求

ios风格的时间选择插件

在上个项目中,客户希望时间选择插件可以是ios风格的那种,但是找了很久,发现并没有用vue的ios风格时间插件,于是自己便自己造了一个轮子.插件依赖于better-scroll和vue

Vue添加引入jquery插件

先安装jquer插件,命令运行: npm i jquery --save-dev ;利用 expose-loader 模块 来引用jquery插件 ,命令运行: npm i expose-loade --save-dev;配置webpack.base.conf

Webpack插件开发简要

如今‘大前端’这个概念在前端界大热,说‘大前端’,我们就要提到‘前后端分离’,‘前后端分离’又离不开‘本地开发构建’,‘本地开发构建’自然离不开webpack,webpack想要工作,那它就需要各种插件的支持,O(∩_∩)O哈哈~,逗了一大圈,终于引出了主题

用webpack发布一个vue插件包

先到npm官网上注册一通,然后npm login,顺利的登录了,再运行npm publish,然后报错:只有管理员可以发布此模块,上网查了之后说是npm镜像的问题,不能用淘宝镜像,于是就安装了nrm专门用于切换镜像

点击更多...

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