為什么我的等待加載是這樣啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>慕課網(wǎng)</title>
<link href="css/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="#">聯(lián)系我們</a></li>
? ? ? ? ? ? ? ? <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
? ? ? ? ? ? ? ? <li><a href="#" onclick="SetHome(window.location)">設(shè)為首頁</a></li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? </div><!--top結(jié)束-->
? ? <div class="wrap">
? ? <div class="logo">
? ? ? ? <div class="logo_left">
? ? ? ? ? ? <img src="img/logo.jpg" alt="慕課網(wǎng)" />
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="logo_right">
? ? ? ? ? ? <img src="img/tel.jpg" alt="服務(wù)熱線" />24小時服務(wù)熱線:<span class="tel">123-456-7890</span>
? ? ? ? ? ? </div>
? ? ? ? </div><!--logo結(jié)束-->
? ? ? ? <div class="nav">
? ? ? ? <div class="nav_left"></div>
? ? ? ? ? ? <div class="nav_mid">
? ? ? ? ? ? <div class="nav_mid_left">
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="index.html">首頁</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">關(guān)于慕課</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">新聞動態(tài)</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結(jié)束-->
? ? ? ? ? ? <div class="nav_right"></div>
? ? ? ? </div><!--nav結(jié)束-->
? ? ? ? <div class="ad" id="picBox"><!--焦點圖初始化的id與圖片列表最外層的id要一致-->
? ? ? ? <div class="loading"><img src="img/loading.gif" alt="圖片加載中" /></div>
? ? ? ? <div class="pic"><!--圖片列表外面,包裹一個class為pic的div-->
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><img src="img/ad2.jpg" /></li>
? ? ? ? ? ? ? ? ? ? <li><img src="img/ad3.jpg" /></li>
? ? ? ? ? ? ? ? ? ? <li><img src="img/ad4.jpg" /></li>
? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? </div>
? ? ? ? </div><!--ad結(jié)束-->
? ? ? ? <div class="main">
? ? ? ? <div class="news">
? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? <h2 class="title_left">新聞中心</h2><span class="title_right"><a href="list.html">More>></a></span>
? ? ? ? ? ? ? ? </div><!--title結(jié)束-->
? ? ? ? ? ? ? ? <div class="pic_news">
? ? ? ? ? ? ? ? <img src="img/news.jpg" /><h2><a href="news.html">520慕女神喊你來表白!</a></h2><p>活動時間:5月20日-5月25日<br />獲獎公布時間:5月26日<br /><a href="news.html">Learn More>></a></p>
? ? ? ? ? ? ? ? </div><!--pic_news結(jié)束-->
? ? ? ? ? ? ? ? <div class="news_list">
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><span>2014-06-01</span><a href="#">【慕課訪談 用戶篇】“有為屌絲”在路上</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><span>2014-06-01</span><a href="news.html">【有獎活動】給父親的三行書信</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><span>2014-05-30</span><a href="#">《程序猿,請曬出你的童年》活動獲獎公告</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶--美女程序員的蛻變史</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div><!--news_list結(jié)束-->
? ? ? ? ? ? </div><!--mews結(jié)束-->
? ? ? ? ? ? <div class="course">
? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? <h2 class="title_left">課程中心</h2><span class="title_right"><a href="news.html">More>></a></span>
? ? ? ? ? ? ? ? </div><!--title結(jié)束-->
? ? ? ? ? ? ? ? <div class="course_pic">
? ? ? ? ? ? ? ? <img src="img/css.jpg" /><h2><a href="news.html">CSS圓角進化論</a></h2><p>CSS圓角的實現(xiàn),經(jīng)歷了三大發(fā)展階段:背景圖片方式、CSS2.0+HTML標簽模擬、CSS3.0圓角屬性)。本案例詳細講解每一種的實現(xiàn)方式,并對實現(xiàn)的優(yōu)缺點進行對比分析。</p>
? ? ? ? ? ? ? ? </div><!--course_pic結(jié)束-->
? ? ? ? ? ? ? ? <div class="course_type">
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li>PHP開發(fā)</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>前端開發(fā)</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>JAVA開發(fā)</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>Android開發(fā)</li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div><!--course_type結(jié)束-->
? ? ? ? ? ? </div><!--course結(jié)束-->
? ? ? ? ? ? <div class="sidebar">
? ? ? ? ? ? <div class="video">
? ? ? ? ? ? ? ? <div class="title">
? ? ? ? ? ? ? ? ? ? <h2 class="title_left">媒體聚焦</h2>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? ? ? <div class="video_content">
? ? ? ? ? ? ? ? ? ? <embed src='http://player.youku.com/player.php/sid/XNDA5MjI4MDEwOA==/v.swf' allowFullScreen='true' quality='high' width='220' height='140' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? </div><!--video結(jié)束-->
? ? ? ? ? ? ? ? <div class="sidebar_ad">
? ? ? ? ? ? ? ? <img src="img/app.jpg" />
? ? ? ? ? ? ? ? </div><!--sidebar_ad結(jié)束-->
? ? ? ? ? ? </div><!--sidebar結(jié)束-->
? ? ? ? </div><!--main結(jié)束-->
? ? </div><!--wrap結(jié)束-->
? ? <div class="copyright">
? ? <div class="copyright_content">
? ? ? ? <ul>
? ? ? ? ? ? <li><a href="#">關(guān)于</a>
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="#">品牌故事</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">加入我們</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">版權(quán)聲明</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li><a href="#">課程</a>
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="#">PHP開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">前端開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">JAVA開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">Android開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li><a href="#">留言</a>
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="#">意見反饋</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">問題留言</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">媒體聯(lián)絡(luò)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">在線客服</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li><a href="#">關(guān)注</a>
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li><a href="#">新浪微博</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">騰訊微博</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">企業(yè)微信</a></li>
? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">QQ空間</a></li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li><a href="#"><img src="img/weixin.png"/>微信關(guān)注</a>
? ? ? ? ? ? ? ? <li><img src="img/qrcode.jpg" /></li>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? </div>
</body>
</html>
2019-11-03
哈哈和我也是這種情況,來蹲答案!
2019-06-06
你是不是多引入了一個圖片進去啊