<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<style>
*{
margin: 0;
padding: 0;
}
.screen{
width: 1020px;
height: 340px;
border:solid 1px black;
position:relative;
top:100px;
left:100px;
}
.wrapper{
width: 1000px;
height: 320px;
overflow: hidden;
position:relative;
top:10px;
left:10px;
}
.wrapper-slide{
position:absolute;
}
.wrapper-slide ul li{
list-style: none;
float: left;
}
.wrapper ol {
list-style: none;
position:absolute;
top: 285px;
}
.wrapper ol li{
display: inline-block;
width: 30px;
height: 30px;
background-color: aliceblue;
opacity: 0.5;
line-height: 30px;
font-weight: 600;
text-align: center;
}
.
初学JS—轮播图的实现
最新推荐文章于 2022-05-25 19:00:58 发布