* {
margin:0;
padding:0;
font-size:12px;
list-style:none;
}
.notice {
width:298px;
height:98px;
margin:10px;
border:1px solid #eee;
overflow:hidden;
}
.notice-tit {
height:27px;
position:relative;
background-color:#f7f7f7;
}
.notice-tit ul {
position:absolute;
width:301px;
left:-1px;
}
.notice-tit ul li {
float:left;
width:58px;
height:26px;
line-height:26px;
text-align:center;
overflow:hidden;
border-bottom:1px solid #eee;
padding:0 1px;
}
.notice-tit ul li.select {
background-color:#fff;
border-bottom:1px solid #fff;
border-left:1px solid #eee;
border-right:1px solid #eee;
padding:0;
font-weight:bold;
}
.notice ul li a:link,.notice ul li a:visited {
text-decoration:none;
color:#333;
}
.notice ul li a:hover {
color:#f90;
}
.notice-con .mod {
margin:10px 10px 10px 19px;
display:none;
}
.notice-con .mod ul li {
float:left;
width:134px;
height:25px;
line-height:25px;
overflow:hidden;
}
用原生js实现,table切换.