<!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/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript">
myFocus.set({
id:'demo',
pattern:'mF_liquid'});
</script>
</head>
<body>
<div id="top">
<div id="top_text">
<ul>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入收藏</a></li>
<li><a href="#">设为首页</a></li>
</ul>
</div>
</div>
<div id="middle">
<div id="logo">
<div id="logo_left">
<img src="images/logo.jpg" alt="" width="200" height="80" />
</div>
<div id="logo_right">
<img src="images/tel.jpg" width="28" height="28" />
24小时服务热线 <span>123-456-7890</span>
</div>
<br class="clear_float">
</div>
<div id="nav">
<div id="nav_left">
<img src="images/nav_left.jpg" width="10" height="40" />
</div>
<div id="nav_middle">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于幕课</a></li>
<li><a href="#">新闻动态</a></li>
<li><a href="#">课程中心</a></li>
<li><a href="#">在线课程</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
<div id="gezi">
<form>
<input type="text" />
</form>
</div>
</div>
<div id="nav_right">
<img src="images/nav_right.jpg" width="10" height="40" />
</div>
</div>
<div id="demo" class="ad">
<div class="pic">
<ul>
<li><a href="#"><img src="images/ad2.jpg" thumb="" alt="" text="详细描述2" /></a></li>
<li><a href="#"><img src="images/ad3.jpg" thumb="" alt="" text="详细描述3" /></a></li>
<li><a href="#"><img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /></a></li>
<li><a href="#"><img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /></a></li>
</ul>
</div>
</div>
