                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

焦點(diǎn)圖不跳轉(zhuǎn)，求大神賜教呀

<!DOCTYPE?HTML>
<html>
??<head>
?????<meta?http-equiv="Content-Type";content="text/html";charset="utf-8"/>
?????<title>企業(yè)網(wǎng)站</title>?
?????<link?href="main.css"?rel="stylesheet"?type="text/css"/>
?????<script?src="D:\apache-tomcat-8.5.4\apache-tomcat-8.5.4\webapps\muke\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_fancy.js"?type="text/javaScript"></script>
?????<link?href="js\mf-pattern\mF_fancy.css"?rel="stylesheet"?type="text/css"/>
?????<style?type="text/javaScript">
?????	myFocus.set({id:'picBox'
?????		})
?????</style>
??</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="D:\apache-tomcat-8.5.4\apache-tomcat-8.5.4\webapps\muke\images\logo.jpg"?alt="慕課網(wǎng)"/>
		??	</div>
		??	<div?class="logo_right">
		??		<img?src="D:\apache-tomcat-8.5.4\apache-tomcat-8.5.4\webapps\muke\images\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="#">首頁</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"/>
		??			</form>
		??		</div>
		??	</div><!--?nav-mid結(jié)束???-->
		??	<div?class="nav_right"></div>
	??	</div><!--?nav束???-->

	??	<div?class="ad"?id="picBox">
	??	????<div?class="pic">
			??	<ul>
			??		<li><img?src="images/ad3.jpg"/></li>
			??		<li><img?src="images/ad2.jpg"/></li>
			??		<li><img?src="images/ad4.jpg"/></li>
			??	</ul>
		??	</div>
	??	</div>

??	</div><!--?wrap結(jié)束???-->
??</body>
</html>

CSS：

.ad{

???? height:310px;

???? width:1000px;

???? overflow: hidden;

}

我的css的width也必須設(shè)置 ?不然圖片就縮成一條線了

現(xiàn)在就是只有一張圖片，不能實(shí)現(xiàn)跳轉(zhuǎn)?。?！