无法正常进行首页轮播,图片在不停变换,但不是显示一张图片,同时显示多张图片然后变换
发表在JavaWeb图书答疑 2018-09-23 悬赏:10 学分 《JavaWeb项目开发实战入门》第1章 企业门户网
是否精华
版块置顶:

<%@ 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/main.css" rel="styleshect" 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="opacity: 1; z-index: 1; display: block;">
     <img id="img2" src="img/img2.jpg">
    </div>
    <div class="slide" style="opacity: 1; z-index: 1; display: block;">
     <img id="img3" src="img/img3.jpg">
    </div>
    <div class="slide" style=" opacity: 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="timers" 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/fwslider.js">
</script>

</html>



QQ图片20180923200612.png

分享到:
精彩评论 5
无语_mrkj
学分:3155 LV11
2018-09-25
沙发

请问您使用的是什么浏览器?

若暮年_1536732822
学分:33 LV2
2018-09-27
板凳

无语_mrkj 发表于2018-09-25 11:16

请问您使用的是什么浏览器?

谷歌浏览器,所有浏览器都试了,不行

无语_mrkj
学分:3155 LV11
2018-09-27
地板

<link href="css/main.css" rel="styleshect" type="text/css"media="all">

这行代码的styleshect应该是stylesheet,还有"和media中间应该有一个空格,您这里没有添加。也就是这样的代码:

<link href="css/main.css" rel="stylesheet" type="text/css" media="all">

可能是这里的问题。

如果不是,您把光盘源程序运行一下看看,这个轮播图能不能正常运行。如果能运行就说明浏览器没有问题,再检查代码的问题就可以了。

若暮年_1536732822
学分:33 LV2
2018-09-27
4L

无语_mrkj 发表于2018-09-27 15:37

<link href="css/main.css" rel="styleshect" type="text/css"media="all">

这行代码的styleshect应该是stylesheet,还有"和media中间应该有一个空格,您这里没有添加。也就是这样的代码:

<link href="css/main.css" rel="stylesheet" type="text/css" media="all">

可能是这里的问题。

如果不是,您把光盘源程序运行一下看看,这个轮播图能不能正常运行。如果能运行就说明浏览器没有问题,再检查代码的问题就可以了。

太感谢了,问题解决了!感谢感谢

无语_mrkj
学分:3155 LV11
2018-09-27
5L

不用客气,

首页上一页 1 下一页尾页 5 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照