老师帮我看一下，为什么会报错啊
来源：2-2 编程练习
weixin_慕前端6235132
2020-07-01 12:12:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"
/>
<title>2-2</title>
<link
rel="stylesheet"
type="text/css"
href="swiper/idangerous.swiper2.7.6.css"
/>
<style type="text/css">
@charset "utf-8";
* {
margin: 0;
padding: 0;
}
html,
body {
width: 100%;
height: 100%;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-wrapper {
width: 100%;
height: 100%;
}
.swiper-slide {
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"
alt=""
/>
</div>
<div class="swiper-slide">
<img
src="http://climg.mukewang.com/59f2f3dc0001512e06000533.jpg"
alt=""
/>
</div>
<div class="swiper-slide">
<img
src="http://climg.mukewang.com/59f2f3fb0001725305000707.jpg"
alt=""
/>
</div>
</div>
</div>
<script
type="text/javascript"
src="swiper/idangerous.swiper2.7.6.min.js"
></script>
<script type="text/javascript">
var swiper = new Swiper(".swiper-container", {
autoplay: 2000,
loop: true,
speed: 500,
});
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-07-01
同学你好，这边测试代码没有问题，可以实现效果。
从截图中看css以及js文件没有正确引入，无法使用Swiper，所以报错了。建议检查两个文件的引入路径，看看是否正确。
祝学习愉快！
0
相似问题
回答 2