java web无法实现轮播功能 5C
```<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的首页</title>
<link href="css/mian.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div id="fwslider" style="height:554px;">
<div class="slider_container">
<div class="slide" style="opacity:1; z-index:0; display:none;">
<img id="img1" src="img/img1.jpg"></div>
<div class="slide" style="opactiy:1; z-index:1; display:block;">
<img id="img2" src="img/img2.jpg"></div>
<div class="slide" style="opacity:1; z-index:0; display:none;">
<img id="img3" src="img/img3.jpg"></div>
<div class="slide" style="opactiy:1; z-index:0; display:none;">
<img id="img4" src="img/img4.jpg"></div>
<div class="slide" style="opacity:1; z-index:0; display:none;">
<img id="img5" src="img/img5.jpg"></div>
</div>
<div class="times" style="width:180px:"></div>
<div class="slidePrev" style="left:0px;top=252px;"><span></span></div>
<div class="slideNext" style="right:0px;top:252px;opacity:0.5;"><span></span></div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/fwdlider.js"></script>
</html>



_打开网页只会显示一张图片,无法实现轮播功能。****
Eclipse2019 03
tomcat8.5_

2个回答

好好看看 https://www.swiper.com.cn/ swiper官方文档

第一个和第三个的z-index的值错了,应该是z-index:0 z-index:1

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!