BAYBAZC
2015-11-29 10:47
<!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;
}
我也单独写了个myfocus出来,但是好像有bug,第一页图片和底下的选择条贴不上,有条间隙,如图:
后两页就是正常的:
能力有限不知道这是什么原因啊
.mF_slide3D_wrap{
width: 1000px;
margin:0 auto;
}
依旧不能居中!但是通过定位却可以改变位置!
企业网站综合布局实战
157042 学习 · 1984 问题
相似问题