焦点图下面的控件有横条

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

Corbie_L

2018-09-07 15:14


<!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><!-- top结束 -->
 <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><!-- 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" method="post">
      <input type="text" class="search_text" />
     </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/ad2.jpg" ></li>
   <li><img src="images/ad3.jpg"></li>
   <li><img src="images/ad4.jpg"></li>
   </ul>
   </div>
  </div><!-- ad结束 -->
 </div><!-- wrap结束 -->
</body>
</html>

写回答 关注

2回答

  • 慕粉1518345573
    2018-09-26 00:15:43

    可以啊

  • 慕田峪1859085
    2018-09-08 12:37:49

    老师给的轮播图的三张图片height不一样  设置一下height应该能解决问题

企业网站综合布局实战

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

157038 学习 · 2134 问题

查看课程

相似问题