* { 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切换.