用了那個mF_slide3D這個風格盒子無法居中了什么情況!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>焦點圖</title>
<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript">
myFocus.set({
? ? id:'boxID',//焦點圖盒子ID
? ? pattern:'mF_slide3D',//風格應用的名稱
? ? time:3,//切換時間間隔(秒)
? ? trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停)
? ? width:1000,//設置圖片區域寬度(像素)
? ? height:320,//設置圖片區域高度(像素)
? ? txtHeight:'default'//文字層高度設置(像素),'default'為默認高度,0為隱藏
});
</script>
</head>
<body>
<div class="ad" id="boxID">
<div class="loading"><img src="img/loading.gif" alt="請稍候..." /></div><!--載入畫面(可刪除)-->
<div class="pic">
<ul>
<li><img src="images/ad2.jpg"/></li>
<li><img src="images/ad3.jpg"/></li>
<li><img src="images/ad4.jpg"/></li>
</ul>
</div>
</div>
</body>
</html>
.ad{
width: 1000px;
margin:0 auto;<!--為啥ad這個div居中不了了啊?。?!-->
height: 320px;
}
2015-11-29
我也單獨寫了個myfocus出來,但是好像有bug,第一頁圖片和底下的選擇條貼不上,有條間隙,如圖:
后兩頁就是正常的:
能力有限不知道這是什么原因啊
2015-11-29
.mF_slide3D_wrap{
width: 1000px;
margin:0 auto;
}
依舊不能居中!但是通過定位卻可以改變位置!