为了账号安全,请及时绑定邮箱和手机立即绑定

焦点图制作部分---没有实现图片轮换

引入的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 回答

class="pic"的div是要将ul包裹起来,不是单独放着

0 回复 有任何疑惑可以回复我~
#1

也许还十年0 提问者

谢谢这里确实有问题,刚刚已经改过了,但是效果还是一样的,见鬼了
2016-08-06 回复 有任何疑惑可以回复我~
#2

不肖生 回复 也许还十年0 提问者

<script src="myfocus-2.0.1.min.js" type="text/javasctipt"></script>中javascript写错了,r写成了t;然后给#picBox指定个高度和宽度,不然不能正常显示;另外,注意一下两个div层,有没有多一个</div>
2016-08-06 回复 有任何疑惑可以回复我~
#3

也许还十年0 提问者 回复 不肖生

太谢谢了,犯了这么低级的错误
2016-08-06 回复 有任何疑惑可以回复我~

<!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>


0 回复 有任何疑惑可以回复我~
#1

也许还十年0 提问者

非常感谢
2016-08-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
企业网站综合布局实战
  • 参与学习       157043    人
  • 解答问题       1984    个

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

进入课程

焦点图制作部分---没有实现图片轮换

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信