【Foreword】
When I was working on the postgraduate entrance examination website before, I used swiper for some mobile phone carousels, but I didn't study it in depth. Now I am ready to make a summary, and make a detailed tutorial based on the documents and cases for everyone to learn and reference
Regarding the Swiper version, I suggest that you use Swiper3 , because there are some bugs in the API of Swiper4, which have not been fixed yet. Swiper3 is relatively stable, so it is recommended to download and use Swiper3
【Introduction】
Swiper is often used for the touch and slide of content on mobile websites. It is a sliding effect plug-in created by pure javascript and is oriented to mobile terminals such as mobile phones and tablet computers. It can realize common effects such as touch screen focus map, touch screen Tab switching, touch screen multi-image switching, etc. It is open source, free, stable, easy to use, and powerful. It is an important choice for building mobile terminal websites!
【Basic Tutorial】
(1) Basic usage: I made a summary in the basic usage of Swiper in the following article
(2) Swiper animation Animate: About swiper animation, I made a summary in the following article Swiper Animate Usage Details
(3) Swiper node Dom operation: I made a summary in the DOM operation summary in Swiper in the following article
(4) Configuration options: I will describe the detailed configuration options, methods and functions of Swiper in the following articles (1)
And Swiper configuration options, methods, and functions are summarized in the transcript (2)
.