myfoucs焦点图显示不了，空白的。
<!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;
}
我是按照教程上一步一步来的，为什么最后成空白了？
求解啊！
