                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /企業網站綜合布局實戰

為什么我的會一直loading....而且圖片無法完整顯示求助

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<link?href="main.css"?rel="stylesheet"?type="text/css">
????<script?src="js/setHomeSetFav.js"?type="text/javascript"?charset="GB2312"></script>
????<script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script>
????<script?src="js/mf-pattern/mF_YSlider.js"?type="text/javascript"></script>
????<link?href="js/mf-pattern/mF_YSlider.css"?rel="stylesheet"?type="text/css"/>
????<script?type="text/javascript">
<myFocus.set({
????id:'picBox'
})
????</script>
</head>
<body>
<div?class="top">
????<div?class="top_content">
????????<ul>
????????????????<li><a?href="#">?聯系我們</a></li>
????????????<li><a?href="#"?onclick="AddFavorite(window.location,document.title)"?>加入收藏</a></li>
????????????<li><a?href="#"?onclick="SetHome(window.location)">設為首頁</a></li>
????????</ul>
????</div>
</div><!--TOP結束-->
<div?class="warp">
????<div?class="logo">
????????<div?class="logo_left">
????????????<img?src="images/logo.jpg"?alt="慕課網"?/>
????????</div>
????????<div?class="logo_right">
????????????<img?src="images/tel.jpg"?alt="服務熱線"?/>24小時服務熱線：<span?class="tel">00000000</span>
????????</div>
????</div><!--logo結束-->
?<div?class="nav">
????????<div?class="nav_left">

????????</div>
????????<div?class="nav_mid">
????????????<div?class="nav_mid_left">
????????????????<ul>
????????????????<li><a?href="#">首頁</a>?</li>
????????????????<li><a?href="list.html">關于慕課</a>?</li>
????????????????<li><a?href="list.html">新聞動態</a>?</li>
????????????????<li><a?href="list.html">課程中心</a>?</li>
????????????????<li><a?href="list.html">在線課程</a>?</li>
????????????????<li><a?href="list.html">人才招聘</a>?</li>
????????????????</ul>
????????????</div>
????????????<div?class="nav_mid_right">
????????????????<form?action=""?method="post">
????????????????<input?type="text"?class="search_text"/>
????????????</form></div>
????????</div><!--nav_mid結束-->
?<div?class="nav_right"></div>
????????</div><!--nav結束-->
?<div?class="ad"?id="picBox">
????????<div?class="loading"><img?src="images/loading.gif"?height="95"?width="156"?alt="圖片加載中"/></div>
????????<div?class="pic">
????????<ul>
????????????<li><img?src="images/ad2.jpg"?height="310"?width="1000"/></li>
????????????<li><img?src="images/ad3.jpg"?height="314"?width="1000"/><</li>
????????????<li><img?src="images/ad4.jpg"?height="318"?width="1000"/></li>
????????</ul>
????????</div>
????</div>
</div><!--warp結束-->
</body>
</html>

*{
????margin:?0;
????padding:?0;
????font-size:?12px;
}
body{
????background-color:?#F5F5F5;
}
.top{
????width:?100%;
????height:?27px;
????background:url("images/top_bg.jpg")?repeat-x;
}
.top_content{
????width:1000px;
????margin:?0?auto;
}
.top_content?li{
????list-style-image:?url("images/li_bg.gif");
????float:?right;
????width:?70px;
????line-height:?27px;
}
.top_content?a:link,.top_content?a:visited{
????color:?#8E8E8E;
????text-decoration:?none;
}
.top_content?a:hover,.top_content?a:active{
????color:?#990000;
????text-decoration:?none;
}
.warp{
????width:?1000px;
????margin:?0?auto;
}
.logo{
????height:?80px;
????background-color:?#FFF;
}
.logo_left{
????width:?200px;
????float:?left;
}
.logo_right{
????width:?300px;
????float:?right;
????height:?28px;
????margin-top:?30px;
????color:?#8E8E8E;
}
.logo_right?img{
????vertical-align:?middle;
????margin-right:?10px;
}
.tel{
????font-family:?微軟雅黑;
????font-size:?16px;
????color:?#C00;
}
.nav{
????height:?40px;
????position:?fixed;
}
.nav_left{
????width:?10px;
????background:?url("/images/nav_left.jpg")no-repeat;
}
.nav_mid{
????width:?980px;
????background:?url("images/nav_bg.jpg")repeat-x;
????float:?left;
}
.nav_right{
????width:10px;
????background:?url("/images/nav_right.jpg")no-repeat;
}
.nav_left,.nav_mid,.nav_right{
????float:?left;
????height:?40px;
}
.nav_mid_left,.nav_mid_right{
????float:?left;
}
.nav_mid_left{
????width:?680px;
}
.nav_mid_right{
????width:?300px;
}
.nav_mid_left?li{
????float:?left;
????list-style-type:?none;
????width:?100px;
????text-align:?center;
????line-height:?40px;
}
.nav_mid_left?a:link,.nav_mid_left?a:visited{
????text-decoration:?none;
????color:?#FFFFFF;
????font-size:?16px;
????font-family:?微軟雅黑;
}
.nav_mid_left?a:hover,.nav_mid_left?a:active{
????text-decoration:?none;
????color:?#FF0;
????font-size:?16px;
????font-family:?微軟雅黑;
}
.search_text{
????width:?190px;
????height:?25px;
????margin-top:?5px;
????background:?url("images/search.jpg")no-repeat?right?center;
????background-color:?#FFFFFF;
????padding-right:?25px;
????border:?1px?solid#FFFFFF;
}
.ad{
????height:?310px;
????overflow:?hidden;
}