一个不错的适合作分类的选项卡特效代码
<style type="text/css">body {margin:0px;text-align:center;font-size:12px;}#divall {margin:auto;margin-top:35px;width:300px;height:200px;background-color:#7DA7D9;border:0px;}#title {width:300px;height:20px;font-size:14px;margin-top:4px;}#table1 table {width:300px;height:30px;font-size:12px;}#table2 table {width:300px;height:30px;font-size:12px;}#content1,#content2,#content3,#content4,#content5,#content6,#msg1,#msg2 {margin:auto;height:110px;width:290px;background-color:#eee;position:relative;}#content1 div,#content2 div,#content3 div,#content4 div,#content5 div,#content6 div {position:absolute;bottom:3px;right:3px; cursor:pointer;}a {text-decoration:none;}.changebordercolor {border-top:1px solid #369;border-left:1px solid #369;}.backbordercolor {border:0px solid red;}</style><script language="javascript">function msg(){document.getElementById("msg1").style.display="none"document.getElementById("msg2").style.display="none"}function msgnone(ms,cont){document.getElementById(ms).style.display='block'document.getElementById(cont).style.display='none'}function aa1(){document.getElementById("content1").style.display="block"document.getElementById("content2").style.display="none"document.getElementById("content3").style.display="none"document.getElementById("content4").style.display="none"document.getElementById("content5").style.display="none"document.getElementById("content6").style.display="none"}function aa2(){document.getElementById("content1").style.display="none"document.getElementById("content2").style.display="block"document.getElementById("content3").style.display="none"document.getElementById("content4").style.display="none"document.getElementById("content5").style.display="none"document.getElementById("content6").style.display="none"}function aa3(){document.getElementById("content1").style.display="none"document.getElementById("content2").style.display="none"document.getElementById("content3").style.display="block"document.getElementById("content4").style.display="none"document.getElementById("content5").style.display="none"document.getElementById("content6").style.display="none"}function aa4(){document.getElementById("content1").style.display="none"document.getElementById("content2").style.display="none"document.getElementById("content3").style.display="none"document.getElementById("content4").style.display="block"document.getElementById("content5").style.display="none"document.getElementById("content6").style.display="none"}function aa5(){document.getElementById("content1").style.display="none"document.getElementById("content2").style.display="none"document.getElementById("content3").style.display="none"document.getElementById("content4").style.display="none"document.getElementById("content5").style.display="block"document.getElementById("content6").style.display="none"}function aa6(){document.getElementById("content1").style.display="none"document.getElementById("content2").style.display="none"document.getElementById("content3").style.display="none"document.getElementById("content4").style.display="none"document.getElementById("content5").style.display="none"document.getElementById("content6").style.display="block"}</script><body onLoad="aa1();msg()"><div id="divall"><div id="title">分类类型</div><div id="table1"><table cellpadding=0 cellspacing=0 boder=0><tr align=center><td onMouseOver="this.bgColor='#33ccff';aa1();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa2();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa3();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td></tr></table></div><div id="content1">第一个里面的内容<div onClick="msgnone('msg1','content1')">关闭</div></div><div id="content2">第二个里面的内容<div onClick="msgnone('msg1','content2')">关闭</div></div><div id="content3">第三个里面的内容<div onClick="msgnone('msg1','content3')">关闭</div></div><div id="msg1">没有选择类型</div><div id="table2"><table cellpadding=0 cellspacing=0 boder=0><tr align=center><td onMouseOver="this.bgColor='#33ccff';aa4();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa5();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa6();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td></tr></table></div><div id="content4">第四个里面的内容<div onClick="msgnone('msg3','content4')">关闭</div></div><div id="content5">第五个里面的内容<div onClick="msgnone('msg2','content5')">关闭</div></div><div id="content6">第六个里面的内容<div onClick="msgnone('msg2','content6')">关闭</div></div><div id="msg2">没有选择类型</div></div></body>
