1
2
3
4
5
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; }
鼠标滚轮方向切换背景图片