像这个网站中的水平导航菜单，用脚本如何编写？http://www.oh100.com/txt.htm

Question

JS文件：
document.onmouseover = TabOver;
document.onmouseout  = TabOut;
document.onmousedown = TabDown;
document.onmouseup   = TabUp;var eOld = null;function TabOver() {
 var eSrc = window.event.srcElement;
  if (eSrc.className == "tab-button") {
    eSrc.className = "tab-button2";
  }
  if (eSrc.className == "tab-button4") {
    eSrc.className = "tab-button3";
  }
}
function TabOut() {
 var eSrc = window.event.srcElement;
  if (eSrc.className == "tab-button2") {
    eSrc.className = "tab-button";
  }
  if (eSrc.className == "tab-button3") {
    eSrc.className = "tab-button4";
  }
}
function TabDown() {
 var eSrc = window.event.srcElement;
  if (eSrc.className == "tab-button2") {
    eSrc.className = "tab-button3";
  }
}
function TabUp() {
 var eSrc = window.event.srcElement;
  if (eSrc.className == "tab-button3") {
    if (eOld != null) {
      eOld.className = "tab-button";
      var eTxt2 = eval("txt" + eOld.id)
      eTxt2.style.display = "none";
    }
    eOld = eSrc;
    var eTxt = eval("txt" + eSrc.id)
    eSrc.className = "tab-button3";
    eTxt.style.display = "";
  }
}
function setActiveTab(eSrc) {
  eOld = eSrc;
  eOld.className = "tab-button4"
  var eTxt = eval("txt" + eOld.id)
  eTxt.style.display = "";
}

Answer 1

样式单CSS
.tab-table {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT: menu; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.tab-button {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 70px; CURSOR: nw-resize; PADDING-TOP: 1px; BORDER-BOTTOM: buttonhighlight 1px solid; HEIGHT: 10px
}
.tab-button2 {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 70px; CURSOR: nw-resize; COLOR: blue; PADDING-TOP: 1px; BORDER-BOTTOM: buttonhighlight 1px solid; HEIGHT: 10px
}
.tab-button3 {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 70px; CURSOR: nw-resize; COLOR: blue; BORDER-BOTTOM: buttonface 1px solid; HEIGHT: 10px
}
.tab-button4 {
BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 70px; CURSOR: nw-resize; BORDER-BOTTOM: buttonface 1px solid; HEIGHT: 10px
}
.tab-body {
BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: buttonhighlight 0px solid; PADDING-LEFT: 1px; BACKGROUND: buttonface; PADDING-BOTTOM: 1px; BORDER-LEFT: buttonhighlight 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: buttonshadow 1px solid
}

Answer 2

<SCRIPT src="oh100欢迎您！.files/tabstrip.js" type=text/javascript></SCRIPT>
<LINK href="oh100欢迎您！.files/tabstrip.css" type=text/css rel=stylesheet>
<TABLE class=tab-table height=5 cellSpacing=1 cellPadding=0 width="100%" 
border=0>  <TR>
    <TD class=tab-button id=tab1 align=middle width=109><A 
      href="http://www.oh100.com/index.htm" target=main><IMG 
      src="oh100欢迎您！.files/home1.gif" border=0></A>oh100首页</TD>
    <TD class=tab-button id=tab2 align=middle width=109>报栏</TD>
    </TR>
  <TR>
    <TD class=tab-body colSpan=12>
      <DIV id=txttab1 style="DISPLAY: none" align=center>
      <DIV id=linkTitle style="VISIBILITY: hidden; POSITION: absolute"></DIV><A 
      onmouseover="showTitle(this,event,'oh100首页')" onmouseout=hideTitle() 
      href="http://www.oh100.com/index.htm" 
      target=main>oh100首页</A>&nbsp;&nbsp;&nbsp;&nbsp; <A 
      onmouseover="showTitle(this,event,'oh100简介')" onmouseout=hideTitle() 
      href="http://www.oh100.com/number_one/about/intro.htm" 
      target=main>关于我们</A>&nbsp;&nbsp;&nbsp;&nbsp; <A 
      onmouseover="showTitle(this,event,'oh100业务范围')" onmouseout=hideTitle() 
      href="http://www.oh100.com/number_one/about/yu.htm" target=main>业务范围</A> 
      </DIV>
      <DIV id=txttab2 style="DISPLAY: none" align=center>
     </DIV></TD></TR></TBODY></TABLE>

Answer 3

找找有个叫MENUSHOP的软件，可以生成javascrip脚本的各种菜单的！