哪里错了？为什么焦点图显示不出？
<!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>
