为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的图片就是实现不了轮播效果

为什么我的图片就是实现不了轮播效果

qq_七瞒_eoxANQ 2018-11-20 21:11:08
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>企业网站</title>     <link rel="stylesheet" href="style.css" type="text/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_classicHB.js" type="text/javascript"></script>     <link href="../js/mF_classicHB.css" rel="stylesheet" type="text/css">     <script type="text/javascript">  myFocus.set({id:"picBox"});  pattern:'mF_YSlider';  </script> </head> <body> <div class="top">     <div class="top_content">             <ul>                 <li><a href="#">联系我们</a></li>                 <li><a href="#">加入收藏</a></li>                 <li><a href="#">设为首页</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-789</span>         </div>     </div><!--logo结束-->  <div class="nav">         <div class="nav_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_right">                 <form action="" method="post">                     <input type="text" class="search_text">                 </form>             </div>     </div><!--nav结束-->  <div class="ad" id="picBox">  <!--<div class="loding"><img src="../images/loading.gif" alt="图片加载中..."></div>-->  <div id="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> </div><!--wrap结束--> </body> </html>*{margin:0; padding:0; font-size: 12px} body{     background-color: #F5F5F5; } .top{     width: 100%;     height: 27px;     background:url(../images/top_bg.jpg) repeat-x; } .top_content{     width: 1000px;     margin: 0 auto; } .top_content li{     list-style-image: url("../images/li_bg.gif");     float: right;     width: 70px;     line-height: 27px; } .top_content a:link,.top_content a:visited{     color:#8E8E8E;     text-decoration: none; } .top_content a:hover, .top_content a:active{     color: #fc4e08; } .wrap{     width: 1000px;     margin:0 auto; } .logo{     background-color: #fffdfd;     height: 80px; } .logo_left{     width:200px;     float: left; } .logo_right{     width: 300px;     float: right;     height: 28px;     margin-top:30px;     color: #8E8E8E; } .logo_right img{     vertical-align: middle;     margin-right: 10px; } .tel{     font-family: "WenQuanYi Micro Hei";     font-size: 16px;     color: #fc4e08; } .nav{     height: 40px;     width: 1000px;     background: #aeabaf;     border-radius: 5px;     clear: left; } .nav_left{     width: 680px; } .nav_right{     width: 300px; } .nav_left,.nav_right{     float: left;     height: 40px; } .nav_left li{     list-style: none;     float: left;     width: 100px;     text-align: center;     /*margin-top: 16px;*/     line-height: 40px; } .nav_left a:link,.nav_left a:visited{     text-decoration: none;     color: #fff;     font-size: 16px;     font-size: "微软雅黑"; } .nav_left a:hover,.nav_left a:active{     text-decoration: none;     color: #fc4e08;     font-size: 16px;     font-size: "微软雅黑"; } .search_text{     width: 190px;     height: 25px;     margin-top: 5px;     background: url("../images/search.jpg") no-repeat right center #fffdfd;     padding-right: 25px;     border: 1px solid white; } .ad{     height: 310px;     overflow: hidden; }
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 891 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信