swiper的使用

发布于: 2022-08-10 更新于: 2022-08-29 分类于: Html 阅读次数:

一：swiper中文网

swiper中文网

二：swiper的引入

2.1 引入

swiper5

1 2	<link rel="stylesheet" href="https://static.tohours.com/jren/swiper/5.4.5/swiper.min.css"> <script src="https://static.tohours.com/jren/swiper/5.4.5/swiper.min.js"></script>

swiper6

1 2	<link rel="stylesheet" href="https://static.tohours.com/jren/swiper/6.8.4/swiper-bundle.min.css"> <script src="https://static.tohours.com/jren/swiper/6.8.4/swiper-bundle.min.js"></script>

swiper7

1 2	<link rel="stylesheet" href="https://static.tohours.com/jren/swiper/7.4.1/swiper-bundle.min.css"> <script src="https://static.tohours.com/jren/swiper/7.4.1/swiper-bundle.min.js"></script>

swiper8

1 2	<link rel="stylesheet" href="https://static.tohours.com/jren/swiper/8.3.0/swiper-bundle.min.css"> <script src="https://static.tohours.com/jren/swiper/8.3.0/swiper-bundle.min.js"></script>

2.2 各版本比较

三：各版本下载

四：刚仔

内容

swiper5.3.6
swiper.animate1.0.2.min.js
jquery-1.10.1.min.js
html2canvas.min.js
common.css

1
2
3

<link rel="stylesheet" href="https://static.tohours.com/jren/css/animate.min.css">
<link rel="stylesheet" href="https://static.tohours.com/jren/css/common.css">
<link rel="stylesheet" href="https://static.tohours.com/jren/css/swiper-5.3.6.min.css">

1
2
3

<script src="https://static.tohours.com/jren/js/jquery-1.10.1.min.js"></script>
<script src="https://static.tohours.com/jren/js/swiper-5.3.6.min.js"></script>
<script src="https://static.tohours.com/jren/js/swiper.animate1.0.2.min.js"></script>

*************感谢您的阅读*************