这次给大家带来HTML+CSS+jQuery实现轮播广告图,HTML+CSS+jQuery实现轮播广告图的注意事项有哪些,下面就是实战案例,一起来看一下。
html:
Documentdata-load="bannerImgs">
css:/*banner部分*/
#banner{
width:960px;
height:384px;
overflow:hidden;
position:relative;
}
#banner ul.banner-img{
position:absolute; left:0;
}
#banner ul.banner-img>li{float:left;width:960px;}
#banner ul.banner-img img{
width:960px;
height:384px;
}
#banner a.ck-slide{
position:absolute;
top:150px;
width:35px;
height:70px;
border-radius:3px;
background:#000;
opacit