使用js做简易轮播图，可自动

【作者注】：第一次使用js做简易轮播图
首先在body里div个容器

div class="box">
<p id="p" ></p>
<img src="img/1.png" alt="">
<button id="prev" ><</button>
<button id="next" >></button>
</div>

.box{
width: 1280px;
height: 550px;
margin: 0 auto;
text-align: center;
position: relative;
}
.box img{
width: 1280px;
height: 550px;
}
.box button{
width: 50px;
height: 100px;
}
#prev{
position: absolute;
top: 50%;
left: 0%;
display: inline-block;
}
#next{
position: absolute;
top: 50%;
right: 0%;
display: inline-block;
}

顺便用css样式设置一下盒子，给它撑开一个大小跟图片一样的位置，
按钮样子也可以设置一下，相对定位到图片的最左中，和最右中位置。
最上面一个img标签，默认为第一张图片的地址，
两个按钮，上一个和下一个
主要就是用js循环改变图片的地址，再稍加修饰美观，以下均在script中实现
首先在js中定义一个数组，把所有的图片地址添加进来

var src=["img/1.