javaweb必备;swiper(滑动特效插件)推荐学习及其网址

最新推荐文章于 2024-11-27 15:08:18 发布

@小伊哥哥

最新推荐文章于 2024-11-27 15:08:18 发布

阅读量678

点赞数

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/qq_40109477/article/details/84954672

web 专栏收录该内容

11 篇文章

订阅专栏

本文提供Swiper 4.x.x版本的CDN链接，介绍如何在项目中快速引入Swiper的CSS和JS文件，适用于网页滑动效果的实现。通过菜鸟教程的在线编程平台，您可以直接测试Swiper的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

API官方文档:https://www.swiper.com.cn/api/index.html

可以利用菜鸟教程的在线网页编程进行简单部分的测试学习
http://www.runoob.com/try/try.php?filename=tryhtml_intro
才刚刚学 ,有兴趣可以看上方的官方文档
js和css导入:(没下载文件的普通导入)

以下是各版本的Swiper CDN地址，要将4.x.x改成相应的版本，如4.0.2(或3.x.x版本)。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.esm.bundle.js"></script>