輪播圖跟自己要的不一樣是為什么，不管js'改成什么都是同一種樣式
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<link?href="css/chi.css"?rel="stylesheet"?type="text/css">
????<script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script>
????<script?src="js/mf-pattern/mF_peijianmall.js"?type="text/javascript"></script>
????<link?rel="stylesheet"?href="js/mf-pattern/mF_peijianmall.css"?type="text/css">
????<script?type="text/javascript">
????myFocus.set({
????????id:'picBox'})
????</script>
????<title>Document</title>
</head>
<body>
<div?class="zp"?id="picBox">
????<div?class="loading">?<img?src="images/loading.gif"?alt="圖片加載中"></div>
????<div?class="pic">
????????<ul>
????????????<li><img?src="images/川菜.jpg"?alt="川菜"></li>
????????????<li><img?src="images/徽菜.jpg"?alt="徽菜"></li>
????????????<li><img?src="images/湘菜.jpg"?alt="湘菜"></li>
????????????<li><img?src="images/粵菜.jpg"?alt="粵菜"></li>
????????????<li><img?src="images/蘇菜.jpg"?alt="蘇菜"></li>
????????????<li><img?src="images/閩菜.jpg"?alt="閩菜"></li>
????????????<li><img?src="images/魯菜.jpg"?alt="魯菜"></li>
????????</ul>?
????</div>??
</div>
</body>
</html>
*?{
????margin:?0;
????padding:?0;
????font-size:?12px;
}
body?{
????width:?1000px;
????margin:0?auto;
????background-color:#f5f5f5;
}
.nav?{
????height:40px?;
}
.nav_left?{
????width:?10px;
}???
.zp?{
????height:?410px;
????overflow:?hidden;
}
