轮播效果实现不了

来源:3-8 企业网站制作之焦点图制作

慕斯1408018

2017-05-08 17:34

<!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="main.css" rel="stylesheet" type="text/css"/>
<script src="pic/js/setHomeSetFav.js" type="text/javascript"  charset="gb2312"></script>
<script src="pic/js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script src="pic/js/mf-pattern/mF_YSlider.js"  type="text/javascript"></script>
<link href="pic/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="topcontent">
   <ul>
      <li><a href="#" onclick="AddFavorite(window.location,document.title)"> 联系我们</a></li>
      <li> 加入收藏</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="pic/images/logo.jpg" alt="慕课网">
    </div>
    <div class="logo_right">
    <img src="pic/images/tel.jpg" alt="服务热线">24小时服务热线 0827—2882728
    </div>
  </div><!--logo结束-->
  <div class="nav">
    <div class="nav_left">
    left
    </div>    
    <div class="nav_middle">
      <div class="nav_middle_left">
      <ul>
      <li><a href="#">首页</a></li>
      <li><a href="list.html">关于慕课</a></li>
      <li><a href="#">新闻动态</a></li>
      <li><a href="#">课程中心</a></li>
      <li><a href="#">在线课程</a></li>
      <li><a href="#">人才招聘</a></li>
      </ul>
      </div>
      <div class="nav_middle_right">
      <form  action=""  method="post">
      <input type="text"  class="search_text"/>
      </form>
      </div>
    </div><!--nav_middle结束-->
    <div class="nav_right">
    right
    </div>
</div><!--nav结束-->
<div class="ad" id="picBox">

<div class="pic">
    <ul>
    <li><img src="pic/images/ad.jpg"/></li>
    <li><img src="pic/images/ad2.jpg"/></li>
    <li><img src="pic/images/ad3.jpg"/></li>
    </ul>
</div>
</div>
</div><!--wrap结束-->

</body>
</html>


写回答 关注

1回答

  • ChangerHe
    2017-05-08 19:52:34

    你要把picBox这个ID加在轮播图片的那个DIV上,就可以实现了,记得引用jQuery.js

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题