滑动门，不过active没有，用背景图做出来的很不好，css在代码片段

<a href="#" οnclick="aaa">aaaaaaaaaaaaaaaa</a>
<div class="woaicss">
<ul class="woaicss_title woaicss_title_bg1" id="woaicsstitle">
<li><a href="#" οnmοuseοver="javascript:woaicssq(1)">①</a></li>
<li><a href="#" οnmοuseοver="javascript:woaicssq(2)">②</a></li>
<li><a href="#" οnmοuseοver="javascript:woaicssq(3)">③</a></li>  
<li><a href="#" οnmοuseοver="javascript:woaicssq(4)">④</a></li>
</ul>
<div  id="woaicss_con1">
<a  href="#">
超级漂亮的几款清新、常用的网页CSS布局配色实例
</a>
</div>
<div  id="woaicss_con2" >
<a  href="#">
JS 4屏平滑滚动幻灯片特效
</a>
</div>
<div  id="woaicss_con3" >
<a  href="#">
[酷] 又一款FLASH图片切换效果代码
</a>
</div>
<div id="woaicss_con4" >
<a  href="#">
图片的无缝滚动（纵向、横向）
</a>
</div> 
</div> 
<script language="javascript"> 
function aaa(){
	document.style.Color="#ccc";
	}
function woaicssq(num){
for(var id = 1;id<=4;id++)
{
var MrJin="woaicss_con"+id;
if(id==num)
document.getElementById(MrJin).style.display="block";
else
document.getElementById(MrJin).style.display="none";
}
if(num==1) 
document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg1";
if(num==2)
document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg2";
if(num==3)
document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg3";
if(num==4)
document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg4";
}
</script>