Java教程

swiper轮播图

本文主要是介绍swiper轮播图，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一.Swiper：

  • swiper是一款轻量级的轮播图插件，不仅支持pc端更是为移动端而生，用它可以快速地做出一个轮播图，或者扩展使其做出复杂的轮播效果。
  • swiper使用需要两个文件，一个是swiper.css，里面规定了一些在这个滑动轮播插件中常用的样式；另外一个是swiper.js这个是插件的主体部分。
  • 这些文件可以在官网查找获取方法
  • swiper-wrapper是一个按照一定顺序排列的所有轮播图的集合，在默认情况下是左右排列，当鼠标或者触屏进行操作的时候，改变的是这个元素的位置，而达到轮播的效果

二.swiper有很多版本，不同版本使用方式会有所差距。下面是简单的swiper使用。

jQuery代码部分

 

 

 

 

 

HTML页面：

 

这篇关于swiper轮播图的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航