「已注销」 2019-04-06 12:02 采纳率: 66.7%
浏览 525
已结题

java web无法实现轮播功能

```<%@ 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条回答 默认 最新

  • 缘飞梦 2019-04-08 14:05
    关注

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

    评论

报告相同问题?

悬赏问题

  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮