Swiper 滑动切换图片(可用于PC端,移动端)
作为一名后端的普通程序猿, 你让我搞这种前端不是跟我玩命吗,所以用插件来搞,省事又简单,而且Swiper使用又简单是吧; 头皮发麻,不喜欢说废话,我更喜欢直接看到效果; 按Swiper官方文档来说, 它需要配合JQuery来使用,所以也需要引入JQ; 1, 先去官网下载一波它的 CSS, JS 文件先, https://2.swiper.com.cn/download/index.html#file1 下载完直接引入即可上手用了, 路径自己改。 <link rel="stylesheet" href="css/swiper.min.css"> <script src="js/swiper.min.js"></script> 2, 废话不多说, 直接上测试例子; HTML (swiper的写法): container: 装所有滑动slide的容器 <!-- Swiper --> < div class ="swiper-container" > < div class ="swiper-wrapper" > < div class ="swiper-slide blue-slide" > 内容1 </ div > < div class ="swiper-slide red-slide" > 内容2 </ div > < div class ="swiper-slide