Swiper插件简单使用

最新推荐文章于 2024-07-17 00:08:06 发布

汇而不置

最新推荐文章于 2024-07-17 00:08:06 发布

阅读量2.2k

点赞数

分类专栏： js插件使用篇文章标签： js

本文链接：https://blog.csdn.net/weixin_43487066/article/details/105430306

版权

本文介绍了Swiper插件的基本使用，包括如何通过CDN引入源码，以及展示了一个简单的使用示例。

摘要由CSDN通过智能技术生成

Swiper插件简单使用

官网链接 https://www.swiper.com.cn/api/index.html

源码cdn引入

swiper5
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">  
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">    
<script src="https://unpkg.com/swiper/js/swiper.js"> </script>  
<script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>

注意的是: 必须同时引入 swiper.js和swiper.css 才能使用swiper插件

使用demo

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-sc

最低0.47元/天解锁文章

汇而不置

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
Swiper插件简单使用

Swiper插件简单使用官网链接    https://www.swiper.com.cn/api/index.html源码cdn引入swiper5<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css"> <link rel="stylesheet"...
复制链接

扫一扫

专栏目录