myfoucs焦点图显示不了,空白的。

来源:7-1 编程挑战

really4you

2016-03-03 12:28


<!DOCTYPE HTML>

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>无标题文档</title>

    <link href="css/main.css" rel="stylesheet" type="text/css" />

    <script src="myFocusDemov2.0.1/js/myfocus-2.0.1.min.js" type="text/javascript"></script>

    <script src="myFocusDemov2.0.1/js/mf-pattern/mF_qiyi.js" type="text/javascript"></script>

    <link href="myFocusDemov2.0.1/js/mf-pattern/mF_qiyi.css" type="text/css"/>

    <script type="text/javascript">

    myFocus.set({id:"picbox"})

    </script>

  </head>

  <body>

  <div class="nav">

      <div class="navlogo">

          <img src="images/53edadad0001efe202000070.jpg"/>

      </div>

      <div class="navbar">

          <ul>

             <li class="firstpage"><a href="#">首页</a></li>

              <li class="page"><a href="#">产品特色</a></li>

               <li class="page"><a href="#">解决方案</a></li>

                <li class="page"><a href="#">产品价格</a></li>

                 <li class="page"><a href="#">帮助中心</a></li>

                  <li class="page"><a href="#">关于我们</a></li>

          </ul>

      </div>

  </div>

  <div class="ad" id="picbox">

  <div class="loading"><img src="images/53edad8c000175cb00300029.jpg" /></div>

    <div class="pic">

        <ul>

          <li><img src="images/53edad1600019ae910000310.jpg" /></li>

          <li><img src="images/53edad2c0001b61310000314.jpg" /></li>

          <li><img src="images/53edad3e0001afad10000318.jpg" /></li>

        </ul>  

    </div>

  </div>

  </body>

</html>



CSS:

/*在此创建CSS样式*/

body{

    width:1000px;

    margin:0 auto;

    }

*{margin:0px;

  padding:0px;

  }

.nav{width:1000px;height:60px;}

.navlogo{float:left;height:80px;}   

.navbar ul li{

    list-style-type:none;

    float:left;

    font-size:15px;

    line-height:60px;

    text-align:center;

    width:80px;

    font-weight:bold;

    padding-top:5px;

}

.firstpage{background:#BD3847;}

.navbar a{

    text-decoration:none;

    color:black;

    display:block;

}

.page:link .page:visted{

    color:black;

}

.page a:hover{

    color:#BD3847;

}

.ad{

height:310px;

overflow:hidden;

    float:left;

}

.ad li{

list-style-type:none;

}

我是按照教程上一步一步来的,为什么最后成空白了?

求解啊!

写回答 关注

1回答

  • really4you
    2016-03-03 12:29:42

    http://img.mukewang.com/56d7bdae0001aadd09970465.jpg

    就是这样的。。

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题