用了那個(gè)mF_slide3D這個(gè)風(fēng)格盒子無(wú)法居中了什么情況!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>焦點(diǎn)圖</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',//焦點(diǎn)圖盒子ID
? ? pattern:'mF_slide3D',//風(fēng)格應(yīng)用的名稱
? ? time:3,//切換時(shí)間間隔(秒)
? ? trigger:'click',//觸發(fā)切換模式:'click'(點(diǎn)擊)/'mouseover'(懸停)
? ? width:1000,//設(shè)置圖片區(qū)域?qū)挾?像素)
? ? height:320,//設(shè)置圖片區(qū)域高度(像素)
? ? txtHeight:'default'//文字層高度設(shè)置(像素),'default'為默認(rèn)高度,0為隱藏
});
</script>
</head>
<body>
<div class="ad" id="boxID">
<div class="loading"><img src="img/loading.gif" alt="請(qǐng)稍候..." /></div><!--載入畫(huà)面(可刪除)-->
<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這個(gè)div居中不了了?。。。?->
height: 320px;
}
2015-11-29
我也單獨(dú)寫(xiě)了個(gè)myfocus出來(lái),但是好像有bug,第一頁(yè)圖片和底下的選擇條貼不上,有條間隙,如圖:
后兩頁(yè)就是正常的:
能力有限不知道這是什么原因啊
2015-11-29
.mF_slide3D_wrap{
width: 1000px;
margin:0 auto;
}
依舊不能居中!但是通過(guò)定位卻可以改變位置!