html怎么实现图片上下一张的变换,用javaScript实现轮播图效果 包括自动变换，按钮控制，上一张下一张切换...

javaScript实现轮播图效果(逆战总结)

1.HTML代码

2.css代码

#wrap{

position: relative;

width:590px;

height: 470px;

}

#wrap img{

position: absolute;

top: 0;

left: 0;

/*display: none;*/

opacity: 0;

}

#wrap .on{

/*display: block;*/

transition: 2s;

opacity: 1;

}

.btn {

position: absolute;

bottom: 20px;

left: 50%;

margin-left: -44px;

}

.btn span{

float: left;

width: 8px;

height: 8px;