< type="text/css">
/* css 重置 */
* {
margin: 0;
padding: 0;
list-: none;
}
body {
background: #fff;
font: normal 12px/22px 微软雅黑;
}
img {
border: 0;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
color: #1974A1;
}
. {
width: 90%;
margin: 10px auto 0 auto;
}
. p {
padding: 5px 0;
font-weight: bold;
overflow: hidden;
}
. p span {
float: right;
}
. p span a {
color: #f00;
text-decoration: underline;
}
. textarea {
height: 100px;
width: 98%;
padding: 5px;
border: 1px solid #ccc;
border-top: 2px solid #aaa;
border-left: 2px solid #aaa;
}
/* 本例子css */
.focusBox {
position: relative;
width: 370px;
height: 320px;
overflow: hidden;
padding-left: 50px;
}
.focusBox .pic {
position: relative;
z-index: 0;
}
.focusBox .pic a img {
width: 320px;
height: 240px;
display: block;
}
.focusBox .hd {
width: 320px;
position: absolute;
text-align: center;
font-size: 0;
z-index: 1;
}
.focusBox .hd li {
margin: 0 5px;
background: url(/images/11435/dot.png) no-repeat 0 -16px;
height: 16px;
overflow: hidden;
width: 16px;
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
_background: url(/images/11435/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on {
background-position: 0 0;
}
.focusBox .prev,
.focusBox .next {
width: 30px;
height: 30px;
margin: -10px 0 0;
display: none;
background: url(/images/11435/ad_ctr.png) no-repeat 0 -6px;
position: absolute;
top: 40%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
filter: alpha(opacity=20);
opacity: 0.2;
}
.focusBox .prev {
left: 0;
}
.focusBox .next {
background-position: 0 -52px;
right: 0;
}
.focusBox .prev:hover,
.focusBox .next:hover {
filter: alpha(opacity=50) !important;
opacity: 0.5 !important;
}
