Html
    Css
    Js

    
                        
 body {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}
.maindiv {
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
}
.radiodiv {
	position:absolute;
	bottom:30%;
	right:20px;
	display:inline-table;
	text-align:right;
}
.contentdiv {
	position:absolute;
	width:100%;
	height:100%;
	color:#999999;
	background-color:#333333;
}
#contentdiv1 {
	top:0%;
	background-color:#000000;
}
#contentdiv2 {
	top:100%;
	background-color:#333333;
}
#contentdiv3 {
	top:200%;
	background-color:#666666;
}
#contentdiv4 {
	top:300%;
	background-color:#999999;
}
#contentdiv5 {
	top:400%;
	background-color:#CCCCCC;
}

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

垂直轮播图(原创)

鼠标滚轮方向切换背景图片

0