Html
    Css
    Js

    
                        
body {
	background-color:#222
}
.banner {
	width:100%;
	height:500px;
	overflow:hidden;
	position:relative;
}
.b-img {
	height:500px;
	position:absolute;
	left:0;
	top:0;
}
.b-img a {
	display:block;
	height:500px;
	float:left;
}
.b-list {
	height:50px;
	padding-top:450px;
	position:relative;
	margin:0 auto;
	z-index:1;
}
.b-list span {
	display:block;
	cursor:pointer;
	width:14px;
	height:14px;
	border-radius:50%;
	border:3px solid #fff;
	float:left;
	margin:0 5px;
}
.b-list .spcss {
	border:3px solid #14ab04;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

轮播图(原创)

js轮播使用,有详细的代码解释,通过js来是图片滚动,详细的css样式

0