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

焦點圖下面的控件有橫條

<!DOCTYPE html>
<html>
<head>
?<meta charset="UTF-8">
?<title>Document</title>
?<link rel="stylesheet" type="text/css" href="css/main.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(widows.location.title)">加入收藏</a></li>
????<li><a href="#" onclick="SetHome(widows.location)">設為首頁</a></li>
???</ul>
??</div>
?</div>
?<div class="wrap">
??<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">123-456-7890</span>
???</div>
??</div>
??<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" method="post">
??????<input type="text" class="search_text" />
?????</form>
????</div>
???</div>
???<div class="nav_right">?</div>
??</div>
??<div class="ad" id="picBox">
???<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>
?</div>
</body>
</html>