本篇文章主要介绍了" 基于jquery-191js的轮播图,兼容低版本ie",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
<!--[if lt IE 9]>
<script src="js/libs/html5shiv.min.js"></script>
<script src="js/libs/respond.min.js"></script>
<![endif]-->
<style type="text/css">
html,
body {
padding: 0px;
margin: 0px;
}
.container {
position: relative;
width: 1125px;
height: 352px;
margin: 0 auto;
}
.swiper-inner {
position: relative;
width: 100%;
height: 352px;
line-height: 352px;
text-align: center;
overflow: hidden;
}
.swiper-inner img {
display: none;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.dots {
position: absolute;
width: 100%;
left: 0;
margin-top: -40px;
text-align: center;
list-style: none;
}
.dots span {
display: inline-block;