不知道为什么轮播图不能动，求大神帮个忙
qq_旧友_2
2017-02-23 16:18
<!DOCTYPE html>
<html>
<head>
<title>immoc_web</title>
<link rel="stylesheet" type="text/css" href="imooc_web.css">
<script type="text/javascript" scr="js/setHomeSetFav.js"></script>
<script src="js/myfocus-2.0.1.min.js" type="text/javascript" ></script>
<script src="js/mf-pattern/mF_51xflash.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="js/mf-pattern/mF_51xflash.css">
<script type="text/javascript">
myFocus.set({
id:'picBox';
});
</script>
</head>
<body>
<div class="head">
<div class="con">
<ul class="nect"><li><a href="#">设为首页</a></li>
<li><a href="#">加入收藏</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
<div class="icon">
<div class="icon-left"></div>
<div class="icon-right"><img src="tel.jpg">24小时热线：<span>123-456-7890</span></div>
</div>
<div class="navigation">
<div class="nav-left">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于慕课</a></li>
<li><a href="#">新闻动态</a></li>
<li><a href="#">课程中心</a></li>
<li><a href="#">在线课程</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
</div>
<div class="nav-right"><form><input type="text" name="sousuo"></form></div>
</div>
</div>
<div class="ad" id="picBox">
<div class="pic">
<ul>
<li><img src="ad.jpg"></li>
<li><img src="ad2.jpg"></li>
<li><img src="ad3.jpg"></li>
<li><img src="ad4.jpg"></li>
</ul>
</div>
</div>
</body>
</html>
*{
margin: 0px;
padding: 0px;
}
body{
background-color: rgba(0, 0, 0, 0.05);
}
.head{
height:30px;
}
.con{
height: 30px;
width: 1000px;
margin: 0 auto;
font-size: 12px;
}
.con li{
list-style-image:url(li_bg.gif);
float:right;
width: 70px;
height: 30px;
line-height: 30px;
}
.nect a:link,.nect a:visited{
text-decoration:none;
color: black;
}
.nect a:hover, .nect a:active{
display:block;
color:white;
}
.icon{
height: 70px;
width: 1000px;
background-color: white;
margin: 0 auto;
}
.icon-left{
float: left;
height:70px;
width: 500px;
background: url(logo.jpg)no-repeat left;
}
.icon-right{
float: right;
margin-top: 25px;
padding-right: 40px;
font-size: 12px;
}
.icon-right img{
vertical-align: middle;
margin-right: 10px;
}
.icon-right span{
color: red;
font-size: 20px;
}
.navigation{
width: 1000px;
height: 40px;
background-color: #6b5959;
margin: 0 auto;
}
.nav-left{
width:600px;
}
.nav-left li{
list-style-type: none;
float: left;
width: 100px;
text-align: center;
line-height: 40px;
}
.nav-left a:link,.nav-left a:visited{
text-decoration: none;
color: white;
font-size: 20px;
}
.nav-left a:active,.nav-left a:hover{
display: block;
background-color: white;
color: black;
}
.nav-right{
width:270px;
float: right;
margin-top: 5px;
margin-left: 20px;
}
.nav-right input{
height: 25px;
width: 200px;
padding-right: 30px;
background: url(search.jpg)no-repeat right;
background-color: white;
}
.ad{
height: 240px;
width: 1000px;
overflow: hidden;
margin:0 auto;
}
1回答
-
- Future晨
- 2017-02-23 16:32:54
把最后这分号去掉试试
企业网站综合布局实战
157038 学习 · 2134 问题
相似问题