高手改下tab效果代码

来源：百度知道 编辑：UC知道 时间：2024/05/31 23:24:40
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes[0].childNodes.length;i++)
main.childNodes[0].childNodes[i].style.display="none";
main.childNodes[0].childNodes[n].style.display="block";
}
</script>
<table id=bk cellSpacing=0 cellPadding=0 width=322 bgColor=#ffffff border=0>
<tr>
<td vAlign=top>
<table id=header cellSpacing=0 cellPadding=0 border=0>
<tr class=menu id=menu>
<td class=sec2 onmouseover=secBoard(0)>最新新闻</td>
<td class=sec1 onmouseover=secBoard(1)>最新文章</td>
<td class=sec1 onmouseover=secBoard(2)>最新日志</td>
<td class=sec1 onmouseover

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html "http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简洁Tab</title>
<style type="text/css">
<!--
body,div,ul,li{
padding:0;
text-align:center;
}
body{
font:12px "宋体";
text-align:center;
}
a:link{
color:#00F;
text-decoration:none;
}
a:visited {
color: #00F;
text-decoration:none;
}
a:hover {
color: #c00;
text-decoration:underline;
}
ul{ list-style:none;}
/*选项卡1*/
#Tab1{
width:460px;
margin:0px;
padding:0px;
margin:0 auto;}
/*选项卡2*/
#Tab2{
width:576px;
m