为什么我的等待加载是这样啊
江北书生
2019-03-16 16:07
<!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>慕课网</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="#">联系我们</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="wrap">
<div class="logo">
<div class="logo_left">
<img src="img/logo.jpg" alt="慕课网" />
</div>
<div class="logo_right">
<img src="img/tel.jpg" alt="服务热线" />24小时服务热线：<span class="tel">123-456-7890</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="index.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>
<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"><!--焦点图初始化的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结束-->
<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结束-->
<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结束-->
<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结束-->
</div><!--mews结束-->
<div class="course">
<div class="title">
<h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More>></a></span>
</div><!--title结束-->
<div class="course_pic">
<img src="img/css.jpg" /><h2><a href="news.html">CSS圆角进化论</a></h2><p>CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</p>
</div><!--course_pic结束-->
<div class="course_type">
<ul>
<li>PHP开发</li>
<li>前端开发</li>
<li>JAVA开发</li>
<li>Android开发</li>
</ul>
</div><!--course_type结束-->
</div><!--course结束-->
<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结束-->
<div class="sidebar_ad">
<img src="img/app.jpg" />
</div><!--sidebar_ad结束-->
</div><!--sidebar结束-->
</div><!--main结束-->
</div><!--wrap结束-->
<div class="copyright">
<div class="copyright_content">
<ul>
<li><a href="#">关于</a>
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">版权声明</a></li>
</ul>
</li>
<li><a href="#">课程</a>
<ul>
<li><a href="#">PHP开发</a></li>
<li><a href="#">前端开发</a></li>
<li><a href="#">JAVA开发</a></li>
<li><a href="#">Android开发</a></li>
</ul>
</li>
<li><a href="#">留言</a>
<ul>
<li><a href="#">意见反馈</a></li>
<li><a href="#">问题留言</a></li>
<li><a href="#">媒体联络</a></li>
<li><a href="#">在线客服</a></li>
</ul>
</li>
<li><a href="#">关注</a>
<ul>
<li><a href="#">新浪微博</a></li>
<li><a href="#">腾讯微博</a></li>
<li><a href="#">企业微信</a></li>
<li><a href="#">QQ空间</a></li>
</ul>
</li>
<li><a href="#"><img src="img/weixin.png"/>微信关注</a>
<li><img src="img/qrcode.jpg" /></li>
</li>
</ul>
</div>
</div>
</body>
</html>
2回答
-
- 慕仔4868041
- 2019-11-03 13:25:04
哈哈和我也是这种情况，来蹲答案！
-
- little_frog
- 2019-06-06 13:56:43
你是不是多引入了一个图片进去啊
企业网站综合布局实战
157038 学习 · 2022 问题
相似问题