用了那个mF_slide3D这个风格盒子无法居中了什么情况!

来源:3-8 企业网站制作之焦点图制作

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;

}


写回答 关注

2回答

  • proto
    2015-11-29 18:44:40

    我也单独写了个myfocus出来,但是好像有bug,第一页图片和底下的选择条贴不上,有条间隙,如图:

    http://img.mukewang.com/565ad6c00001bed411180408.jpg

    后两页就是正常的:

    http://img.mukewang.com/565ad6fa000156c311050429.jpg

    能力有限不知道这是什么原因啊

  • BAYBAZC
    2015-11-29 11:30:58


    .mF_slide3D_wrap{

    width: 1000px;

    margin:0 auto;

    }

    依旧不能居中!但是通过定位却可以改变位置!


企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题