不知道為什么輪播圖不能動，求大神幫個忙
<!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;?
}
2017-02-23