qq_雨譕_03599367
2016-08-12 18:09
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="style/base.css" rel="stylesheet" tpe="text/css" />
<script scr="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script src="js/mf-pattern/mF_kiki.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_kiki.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
myFocus.set({id:'boxID'} )
</script>
</head>
<body>
<div>
<div>
<ul>
<li><a href="#">设为首页</a></li>
<li><a href="#">加入收藏</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div>
<div>
<img src="pictures/logo.jpg" alt="慕课网">
</div>
<div>
<img src="pictures/tel.jpg" alt="服务热线">24小时服务热线 :<span>123-456-7890</span>
</div>
</div>
<div>
<div>
</div>
<div>
<div>
<ul>
<li><a href="">首页</a></li>
<li><a href="">关于慕课</a></li>
<li><a href="">新闻动态</a></li>
<li><a href="">课程中心</a></li>
<li><a href="">在线课程</a></li>
<li><a href="">人才招聘</a></li>
</ul>
</div>
<div>
<form action="" method="post">
<input type="text" />
</form>
</div>
</div>
<div></div>
</div>
<div id="boxID">
<div>
<ul>
<li><img src="pictures/ad2.jpg"></li>
<li><img src="pictures/ad3.jpg"></li>
<li><img src="pictures/ad4.jpg"></li>
</ul>
</div>
</div>
</body>
</html>
ul的外层必须要包裹一层class为‘pic’的div才可以。这是myfocus的一个固定模板
你把第二层的div加一个 class=‘pic’属性就可以了。如下
<div id="boxID">
<div class=‘pic’>
<ul>
<li><img src="pictures/ad2.jpg"></li>
<li><img src="pictures/ad3.jpg"></li>
<li><img src="pictures/ad4.jpg"></li>
</ul>
</div>
</div>
<div id="boxID">
<div class="pic">
<ul>
<li><img src="pictures/ad2.jpg"></li>
<li><img src="pictures/ad3.jpg"></li>
<li><img src="pictures/ad4.jpg"></li>
</ul>
</div>
</div>
这样就应该可以出来了
企业网站综合布局实战
157038 学习 · 2134 问题
相似问题