「已注销」 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官方文档

    评论

报告相同问题?

悬赏问题

  • ¥15 如何提取csv文件中需要的列,将其整合为一篇完整文档,并进行jieba分词(语言-python)
  • ¥15 MapReduce结果输出到HBase,一直连接不上MySQL
  • ¥15 扩散模型sd.webui使用时报错“Nonetype”
  • ¥15 stm32流水灯+呼吸灯+外部中断按键
  • ¥15 将二维数组,按照假设的规定,如0/1/0 == "4",把对应列位置写成一个字符并打印输出该字符
  • ¥15 NX MCD仿真与博途通讯不了啥情况
  • ¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
  • ¥15 gradio的web端页面格式不对的问题
  • ¥15 求大家看看Nonce如何配置
  • ¥15 Matlab怎么求解含参的二重积分?