非常感谢CSDN的分享,我也会把自己的学到的知识分享给大家,大家共同进步
原理:设置一个div,里面有图片,上一页,下一页,点选按钮
代码:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.1.min.js"></script>
</head>
<style>
*{
padding: 0;
margin: 0;
}
.box{
width: 500px;
height: 400px;
margin: 20px auto;/*居中关键*/
position: relative;/*不可重叠*/
border: 1px solid #ccc;/*边框1px加粗实线*/
}
a{
display: none;
width: 500px;
height: 400px;
/*color: #fff;*/
text-align: center;
font:700 100px/400px "simsun"
}
ul{
position: absolute;
bottom: 30px;
left: 50%;
list-style: none;
margin-left: -55px;
}
ul li{
float: left;
width: 18px;
height: 18px;
background-color: black;
margin: 0 2px;
/*cursor: move;*/
border-radius: 9px;
/*color: #fff;*/
text