老师为什么还是没效果

来源：2-2 编程练习

hyperse

2019-10-18 22:52:06

引入文件都是下载的课程源码

<!DOCTYPE html>
<html>
<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">
    <title>2-2 编程练习</title>
    <link rel="stylesheet" href="swiper/idangerous.swiper2.7.6.css">


    <style>
        *{
            margin: 0;
            padding: 0;
        }
        html,body{
            width: 100%;
            height: 100%;
        }
        img{
            width: 100%;
            height:100%;
        }
        .swiper-container,
        .swiper-wrapper,
        .swiper-slide{
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="http://climg.mukewang.com/59f2f3c60001e51206000600.jpg"></div>
            <div class="swiper-slide"><img src="http://climg.mukewang.com/59f2f3dc0001512e06000533.jpg"></div>
            <div class="swiper-slide"><img src="http://climg.mukewang.com/59f2f3fb0001725305000707.jpg"></div>
        </div>
    </div>
 
 <script src="js/swiper/idangerous.swiper2.7.6.min.js"></script>
   
 
    <script>

        var myswiper=new Swiper(".swiper-container",{
            autoplay:2000, //自动切换的时间间隔（单位ms），不设定该参数slide不会自动切换。
            loop:true, //循环播放
            speed:500  //滑动速度，即slider自动滑动开始到结束的时间（单位ms），也是触摸滑动时释放至贴合的时间。
        })
    </script>
</body>
</html>

写回答

1回答