轮播图跟自己要的不一样是为什么,不管js'改成什么都是同一种样式

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

慕神523311

2019-12-11 12:44


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link href="css/chi.css" rel="stylesheet" type="text/css">

    <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>

    <script src="js/mf-pattern/mF_peijianmall.js" type="text/javascript"></script>

    <link rel="stylesheet" href="js/mf-pattern/mF_peijianmall.css" type="text/css">

    <script type="text/javascript">

    myFocus.set({

        id:'picBox'})

    </script>

    <title>Document</title>

</head>

<body>

<div class="zp" id="picBox">

    <div class="loading"> <img src="images/loading.gif" alt="图片加载中"></div>

    <div class="pic">

        <ul>

            <li><img src="images/川菜.jpg" alt="川菜"></li>

            <li><img src="images/徽菜.jpg" alt="徽菜"></li>

            <li><img src="images/湘菜.jpg" alt="湘菜"></li>

            <li><img src="images/粤菜.jpg" alt="粤菜"></li>

            <li><img src="images/苏菜.jpg" alt="苏菜"></li>

            <li><img src="images/闽菜.jpg" alt="闽菜"></li>

            <li><img src="images/鲁菜.jpg" alt="鲁菜"></li>

        </ul> 

    </div>  

</div>

</body>

</html>

* {

    margin: 0;

    padding: 0;

    font-size: 12px;

}


body {

    width: 1000px;

    margin:0 auto;

    background-color:#f5f5f5;

}


.nav {

    height:40px ;

}

.nav_left {

    width: 10px;

}   


.zp {

    height: 410px;

    overflow: hidden;

}


写回答 关注

0回答

还没有人回答问题,可以看看其他问题

企业网站综合布局实战

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

157040 学习 · 1984 问题

查看课程

相似问题