为什么这样子还是实现不了轮播效果？

源自：3-8 企业网站制作之焦点图制作

为什么这样子还是实现不了轮播效果？

<!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_YSlider.js" type="text/javascript"></script>
    <link href="../js/mF_YSlider.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;
}

提问者：qq_七瞒_eoxANQ 2018-11-20 21:17

为什么这样子还是实现不了轮播效果？

个回答