Web开发基础：JavaScript轮播图，前端开发大型网站

#imgs img{

width: 780px;

height: 455px;

display: inline-block;

}

#container ul{

list-style: none;

/叠放在banner上,将ul设置为绝对定位/

position: absolute;

left:342px;

bottom: 10px;

}

#container ul li{

float: left;

width: 12px;

height: 12px;

border-radius: 50%;

background: #ffffff;

margin-right: 4px;

}

.slide_btn{

width: 60px;

height: 45px;

background: #000000;

/透明度 0 ~ 1/

opacity: 0.3;

position: absolute;

top:200px;

}

#pre_btn{

left:0px;

border-radius: 0px 4px 4px 0px;

}

#next_btn{

left:720px;

border-radius: 4px 0px 0px 4px;

}

#next{

width: 100%;

height: 100%;

background:url(img/oeD55470539oS.jpg) -110px -49px;

}

#pre{

width: 100%;

height: 100%;

background:url(img/oeD55470539oS.jpg) -110px -113px;

}