老师,请检查

来源:2-6 编程练习

慕尼黑5122342

2020-02-28 16:23:57

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

<link rel="stylesheet" type="text/css" href="swiper的js及css文件/idangerous.swiper2.7.6.css">

<link rel="stylesheet" type="text/css" href="swiper的js及css文件/idangerous.swiper.3dflow.css">

<style type="text/css">

*{

padding:0;

margin:0;

}

html,body,

.swiper-slider,

.swiper-wrapper,

.swiper-container{

width:100%;

height:100%;

}

img{

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 type="text/javascript" src="jquery.js"></script> -->

<script type="text/javascript" src="swiper的js及css文件/idangerous.swiper2.7.6.min.js"></script>

<script type="text/javascript" src="swiper的js及css文件/idangerous.swiper.progress.min.js"></script>

<script type="text/javascript" src="swiper的js及css文件/idangerous.swiper.3dflow.js"></script>

<script type="text/javascript">

var mySwiper = new Swiper('.swiper-container',{

      tdFlow: {

          rotate : 60,

          stretch :40,

          depth: 100,

          modifier : 1,

          shadows : true

      }


  });  

</script>

</body>

</html>


写回答

1回答

好帮手慕星星

2020-02-28

同学你好,代码实现效果正确,很棒。继续加油,祝学习愉快!

0

0 学习 · 6815 问题

查看课程