问答详情
源自:3-8 企业网站制作之焦点图制作

焦点图不跳转,求大神赐教呀

<!DOCTYPE HTML>
<html>
  <head>
     <meta http-equiv="Content-Type";content="text/html";charset="utf-8"/>
     <title>企业网站</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="#">联系我们</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="D:\apache-tomcat-8.5.4\apache-tomcat-8.5.4\webapps\muke\images\logo.jpg" alt="慕课网"/>
		  	</div>
		  	<div class="logo_right">
		  		<img src="D:\apache-tomcat-8.5.4\apache-tomcat-8.5.4\webapps\muke\images\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="#">首页</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"/>
		  			</form>
		  		</div>
		  	</div><!-- nav-mid结束   -->
		  	<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结束   -->
  </body>
</html>

CSS:

.ad{

     height:310px;

     width:1000px;

     overflow: hidden;

}

我的css的width也必须设置  不然图片就缩成一条线了

现在就是只有一张图片,不能实现跳转!!!


提问者:席浅 2016-12-12 10:28

个回答

  • 派小星0o
    2016-12-22 21:37:25

    请问怎么解决的,我和你的问题一样,也是得加width,并且焦点图没效果,调试报错说myFocus.set undefined

  • 席浅
    2016-12-12 10:50:26

    已解决

  • 席浅
    2016-12-12 10:45:03

    刚刚发现了第12行有错误,但是改成script后 一直是loading的图片