哪里错了?为什么焦点图显示不出?

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

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>


写回答 关注

2回答

  • qq_空巷_3
    2016-08-12 18:32:22
    已采纳

    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>


    qq_雨譕_...

    非常感谢!

    2016-08-12 19:24:02

    共 1 条回复 >

  • qq_冬雪飞燕_0
    2016-08-12 18:28:11

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

    这样就应该可以出来了

企业网站综合布局实战

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

157038 学习 · 2134 问题

查看课程

相似问题