(篇幅有點(diǎn)長(zhǎng)，請(qǐng)大家耐心觀看，在這里謝謝大家)大家?guī)臀铱纯矗疫@代碼哪里寫(xiě)錯(cuò)了？不會(huì)滾動(dòng)，而且加載的gif圖片還占用了各種的位置，導(dǎo)致banner顯示不全。
<!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ú)標(biāo)題文檔</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/mfocus-2.0.1.min.js"type="text/javascript"></script>
<script src="js/js/mf-pattern/mF_dleung.js"type="text/javascript"></script>
<script type="text/javascript">myFocus.ste({id:"picBox"})</script>
<link href="js/js/mf-pattern/mF_dleung.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="top">
? <div class="top_content">
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#" noclick="AddFavorite(window.location,docunment.title)">加入收藏</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" ?noclick="SetHome(window.location)">設(shè)為首頁(yè)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </div>
</div><!--top結(jié)束-->
<div class="wrap">
<div class="logo">
? ? <div class="logo_left">
? ? ? ? ? ? ? ? <a href ="#"><img src="images/logo.jpg" alt="慕課網(wǎng)"/></a>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? <div class="logo_right">
? ? ? ? ? ? ? ? <img src="images/tel.jpg" alt="服務(wù)熱線"/>24小時(shí)服務(wù)熱線：<span class="tel">45-4444-56</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="#">首頁(yè)</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="#">關(guān)于慕課</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="#">新聞動(dòng)態(tài)</a></li>
? ? ? ? ? ? ? ? ? ? <li><a ?href="#">課程中心</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="#">在線課程</a></li>
? ? ? ? ? ? ? ? ? ? <li><a href="#">人才招聘</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">
? ?<div class="loading"><img src="images/loading.gif" alt="圖片加載中"></div>
? ? <div class="pic">
? ? <ul>
? ? ? ? ? ? <li><img src="images/ad2.jpg"/></li>?
? ? ? ? ? ? <li><img src="images/ad3.jpg"/></li>
? ? ? ? ? ? <li><img src="images/ad4.jpg"/></li>
? ? ? ? </ul>
? ? ? ? </div>
? ? </div><!--ad結(jié)束-->
?<div class="main">
? <div class="news"></div>
? ? <div class="course"></div>
? ? <div class="sidebar"></div>
?</div><!--main結(jié)束-->
</div><!--wrap結(jié)束-->
</body>
</html>
@charset?"utf-8";
/*?CSS?Document?*/
*{
?margin:0;
?padding:0;
?font-size:12px;
}
body
{
background-colr:#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?:#333;
??text-decoration:none;
???}
???.top_content??a:hover,.top_content?a:active
???{
??color:#900;
??text-decoration:none;?
???
???}
???.wrap
???{
???width:1000px;
???margin:0?auto;
???}
???.logo
???{
?height:80px;
?background-color:#FFF;??
???
???}
???.logo_left
???{
?width:200px;
?float:left;??
???
???}
???.logo_right
???{
?width:300px;
?float:right;
?heighl: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;
}
.nav_left
{
width:10px;?
?background:url(../images/nav_left.jpg)?no-repeat;
}
.nav_mid
{
width:980px;
background:url(../images/nav_bg.jpg)?repeat-x;
}
.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?
{
width:680px;
}
.nav_mid_right
{
width:300px;
}
.nav_mid_right,.nav_mid_left?
{
float:left;
}
.nav_mid_left?li
{
float:left;
list-style-type:none;/*li消除小圓點(diǎn)*/
width:100px;
text-align:center;
line-height:40px;
}
.nav_mid_left??a:link,.nav_mid_left?a:visited/*鏈接的初始狀態(tài)link，訪問(wèn)狀態(tài)visited*/
{
text-decoration:none;/*清除下劃線*/
color:#fff;
font-family:"微軟雅黑";
font-size:16px;
}
.nav_mid_left??a:hover,.nav_mid_left?a:active/*鼠標(biāo)經(jīng)過(guò)狀態(tài)hover，鼠標(biāo)點(diǎn)擊狀態(tài)active*/
{
text-decoration:none;/*清除下劃線*/
color:#FF0;
font-size:16px;
font-family:"微軟雅黑";
}
.search_text
{
width:190px;
height:25px;
margin-top:7px;/*離頂部距離7px*/
background:url(../images/search.jpg)?no-repeat?right?center;/*放大鏡圖標(biāo)，不連續(xù)，右，中對(duì)齊*/
background-color:#fff;/*填充搜索框白色*/
padding-right:25px;/*//填充放大鏡圖標(biāo)，以防輸入蓋過(guò)文字*/
border:1px;/*<!--邊框線-->*/
}
?.ad
?{?
?height:310px;
?overflow:hidden;/*<!--當(dāng)內(nèi)容溢出biv時(shí)，隱藏 -->?*/
?
?}
2016-09-20
文件位置沒(méi)錯(cuò)吧，你要注明你的風(fēng)格：pattern:mF_dleung
2016-09-20
還有你說(shuō)的圖片不會(huì)滾動(dòng)，應(yīng)該是要在myFocus.set方法下面指明它的pattern
2016-09-20
我用ie瀏覽器是這樣，換了個(gè)瀏覽器就好了。