第一种, 如下代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<title></title>
<style>
#swiper-container2 .swiper-slide {
line-height: 2 !important;
color: #666 !important;
font-size: 14px !important;
background: #eee !important;
text-align:center;
}
#swiper-container2 .active-nav {
background: #ddd !important;
}
#swiper-container3 .swiper-slide {
height: 600px;