@charset "utf-8"; /* CSS Document */ /* 本例子css */ .slideBox{ width:1150px; height:400px; overflow:hidden; position:relative;} .slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; } .slideBox .hd ul,.slideBox .hd li{margin:0;padding:0;list-style-type:none;} .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;} .slideBox .hd ul li{ float:left; margin-right:2px; display:block;margin-right:15px;} .dian{width:8px; height:8px; line-height:14px; text-align:center; background:url(../images/dian.png) repeat-x; cursor:pointer; } .slideBox .hd ul li.on{ background:url(../images/dian2.png) repeat-x; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd ul,.slideBox .bd li{margin:0;padding:0;list-style-type:none;} .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:1150px; height:400px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:30%; bottom:20px; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:30%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; }