parent
4b37b11679
commit
1ba0933d44
@ -1,88 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Swiper demo</title> |
||||
<!-- Link Swiper's CSS --> |
||||
<link rel="stylesheet" href="css/swiper.min.css"> |
||||
|
||||
<!-- Demo styles --> |
||||
<style> |
||||
html, body { |
||||
position: relative; |
||||
height: 100%; |
||||
} |
||||
body { |
||||
background: #eee; |
||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; |
||||
font-size: 14px; |
||||
color:#000; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
.swiper-container1 { |
||||
width: 100%; |
||||
height: 50%; |
||||
} |
||||
.swiper-container2 { |
||||
width: 100%; |
||||
height: 50%; |
||||
} |
||||
.swiper-slide { |
||||
text-align: center; |
||||
font-size: 18px; |
||||
background: #fff; |
||||
|
||||
/* Center slide text vertically */ |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: -webkit-flex; |
||||
display: flex; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
-webkit-justify-content: center; |
||||
justify-content: center; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
-webkit-align-items: center; |
||||
align-items: center; |
||||
} |
||||
.swiper-wrapper{ |
||||
transition-timing-function: linear !important; |
||||
} |
||||
</style> |
||||
|
||||
</head> |
||||
<body> |
||||
<!-- Swiper --> |
||||
<div class="swiper-container1"> |
||||
<ul class="swiper-wrapper"> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/banner.png" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<li class="swiper-slide"><img src="images/电子信息-bg.jpg" alt=""></li> |
||||
<ul/> |
||||
</div> |
||||
|
||||
<!-- Swiper JS --> |
||||
<script src="js/swiper.min.js"></script> |
||||
|
||||
<!-- Initialize Swiper --> |
||||
<script> |
||||
var mySwiper1 = new Swiper ('.swiper-container1', { |
||||
loop: true, |
||||
speed:5000,//匀速时间 |
||||
autoplay: { |
||||
delay: 0, |
||||
stopOnLastSlide: true, |
||||
disableOnInteraction: true, |
||||
}, |
||||
}) |
||||
</script> |
||||
|
||||
</body> |
||||
</html> |
Loading…
Reference in new issue