<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Swiper制作网易智造大气幻灯片_dowebok</title>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/1133.css">
</head>
<body>
<h1>Swiper制作网易智造大气幻灯片</h1>
<div class="dowebok">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img data-src="images/1.jpg" class="swiper-lazy" alt="">
</div>
<div class="swiper-slide">
<img data-src="images/2.jpg" class="swiper-lazy" alt="">
</div>
<div class="swiper-slide">
<img data-src="images/3.jpg" class="swiper-lazy" alt="">
</div>
<div class="swiper-slide">
<img data-src="images/4.jpg" class="swiper-lazy" alt="">
</div>
<div class="swiper-slide">
<img data-src="images/5.jpg" class="swiper-lazy" alt="">
</div>
<div class="swiper-slide">
<img data-src="images/6.jpg" class="swiper-lazy" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
<span class="swiper-button-next"></span>
<span class="swiper-button-prev"></span>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/1133.js"></script>
</body>
</html>
HTML+Javascript轮播效果
需积分: 5 104 浏览量
2023-10-13
08:49:35
上传
评论
收藏 712KB ZIP 举报
轮播.zip （20个子文件） 
js 
swiper.min.js 115KB 1133.js 420B jquery.min.js 95KB css 1133.css 1KB swiper.min.css 19KB
index.html 2KB images 
._5.jpg 70B 2.jpg 76KB
prev.png 177B 6.jpg 113KB ._2.jpg 70B 1.jpg 127KB ._3.jpg 70B next.png 177B 5.jpg 133KB ._1.jpg 70B 3.jpg 86KB ._4.jpg 70B ._6.jpg 70B 4.jpg 168KB资源评论
