焦点图制作部分---没有实现图片轮换
也许还十年0
2016-08-05 21:14
引入的js和css部分：
<script src="setHomeSetFav.js" type="text/javascript" charset="GB2312"></script>
<script src="myfocus-2.0.1.min.js" type="text/javasctipt"></script>
<script src="mf-pattern/mF_fancy.js" type="text/javascript"></script>
<link href="mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
myFocus.set({
id:'picBox'
})
</script>
html部分：
<div class="ad" id="picBox">
<div class="pic"></div>
<ul>
<li><img src="img/ad2.jpg"/></li>
<li><img src="img/ad3.jpg"/></li>
<li><img src="img/ad4.jpg"/></li>
</ul>
</div>
</div>
完全是按照老师说的来的，但是结果只实现了图片的中下方出现了三个小圆圈，并没有实现图片的轮换
2回答
-
- 不肖生
- 2016-08-05 22:29:43
class="pic"的div是要将ul包裹起来，不是单独放着
-
- wusyd1063
- 2016-08-05 23:10:54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.ad {
height: 320px;
margin-top: 5px;
overflow: hidden;
}
</style>
<script type="text/javascript" src="js/myfocus-2.0.1.min.js" charset="utf-8"></script>
<script src="js/mf-pattern/mF_fancy.js" type="text/javascript" ></script>
<link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
myFocus.set({
id:'picBox',//焦点图盒子ID
});
</script>
</head>
<body>
<div class="ad" id="picBox">
<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>
企业网站综合布局实战
157042 学习 · 1984 问题
相似问题