关闭

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

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

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

通过编译器插件实现代码注入

大型的前端系统一般是模块化的。每当发现问题时,模块负责人总是要重复地在浏览器中找出对应的模块,略读代码后在对应的函数内打上断点,最终开始排查。

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

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

webpack插件ProvidePlugin的使用方法和eslint配置

配置 webpack.config.js文件里 plugins 属性,配置完以后就可以在代码里直接使用 _ ,而不再需要 import; 注意:(如果不配置eslint,浏览器就会报错:\\\'_\\\' is not defined no-undef)

chrome书签插件

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

ios风格的时间选择插件

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

10款好用到爆的Vim插件

我使用Vim编辑器已经差不多20年了,不过,我是在前两年才开始使用Vim插件,我会定时清理插件,我认为这样做更有助于自己了解哪些插件才是最好的。此外,针对不同的语言和文件配置我会使用不同的插件

babel里transform-runtime插件的作用

ransform-runtime 是为了方便使用 babel-runtime 的,它会分析我们的 ast 中,是否有引用 babel-rumtime 中的垫片(通过映射关系),如果有,就会在当前模块顶部插入我们需要的垫片。transform-runtime 是利用 plugin

babel插件的相关知识

Babel 是 JavaScript 编译器,更确切地说是源码到源码的编译器,通常也叫做“转换编译器(transpiler)”。 意思是说你为 Babel 提供一些 JavaScript 代码,Babel 更改这些代码,然后返回给你新生成的代码

sublime安装插件

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

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

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

点击更多...

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