零基础也能学会，原生JS实现图片轮播（附源码

width: 550px;

height: 320px;

background-color: pink;

overflow: hidden;

}

.inner ul {

width: 1000%;

list-style: none;

position: absolute;

top: 0;

left: 0;

}

.inner ul li {

float: left;

}

.focusD {

position: absolute;

left: 0;

top: 50%;

width: 550px;

padding: 0 10px;

height: 30px;

box-sizing: border-box;

display: none;

}

.inner ol {

position: absolute;

right: 30px;

bottom: 10px;

}

.inner ol li {

width: 15px;

display: inline-block;

height: 15px;

margin: 0 3px;

cursor: pointer;

line-height: 15px;

text-align: center;

background-color: #fff;

}

/当前的高亮的小圆点/

.inner ol .current {

background-color: orange;</