myfoucs焦點(diǎn)圖顯示不了，空白的。
<!DOCTYPE HTML>
<html>
? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? <title>無標(biāo)題文檔</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="#">產(chǎn)品特色</a></li>
? ? ? ? ? ? ? ?<li class="page"><a href="#">解決方案</a></li>
? ? ? ? ? ? ? ? <li class="page"><a href="#">產(chǎn)品價(jià)格</a></li>
? ? ? ? ? ? ? ? ?<li class="page"><a href="#">幫助中心</a></li>
? ? ? ? ? ? ? ? ? <li class="page"><a href="#">關(guān)于我們</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:
/*在此創(chuàng)建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;
}
我是按照教程上一步一步來的，為什么最后成空白了？
求解?。?/p>
2016-03-03
就是這樣的。。