如何修改下面的JS代码，实现省市县三级菜单导航，要求第三级在第二级下横幅显示

如何修改下面的JS代码，实现省市县三级菜单导航，要求第三级在第二级下横幅显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  .tabnav { width:750px; background-color:#999999;}
  .tabnav ul{margin:0;padding:0;list-style:none;}
  .tabnav li{padding:2 4px;border:1px solid green;float:left;}
  .tabnav ul li a, .tabnav  ul li a:visited {
display:block;
text-align:center;
text-decoration:none;  /* none  : 默认值。无装饰 blink  : 闪烁 underline  : 下划线 line-through  : 贯穿线 overline  : 上划线 */
width:58px;
height:15px;
color:#a00;  /*字体颜色*/
background:#c9c9a7; /* 字体背景*/
line-height:18px;  /* 行高*/
font-size:15px;
}
  .tabid {border:1px solid #000;padding-top:0px; list-style-type:none;width:750px; background-color:#FFCCCC}
  .tabid ul{margin:0;padding:0;list-style:none;}
  .tabid ul li {float:left;position:relative; float:left; padding-left:10px;}
  .tabid ul li:hover a {color:#ff0; background:#b3ab79;}

  </style>
  <script language='javascript'>
  function tab(n){
var tabnav="tab"+n;
var tabid="tabid"+n;
cleardisplay();
document.getElementById(tabid).style.display="block";
  }
  function cleardisplay(){
for (i=1;i<3;i++)
{
  var cleartabid="tabid"+i;
  document.getElementById(cleartabid).style.display="none";
}
  }

  </script>

</HEAD>

<BODY>

<div>
  <div class='tabnav'>
<ul>
  <li id='tab1' onclick='tab(1)'><a href="#">贵州</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
  <li id='tab1' onclick='tab(1)'><a href="#">贵州</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
   <li id='tab1' onclick='tab(1)'><a href="#">贵州</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
  <li id='tab1' onclick='tab(1)'><a href="#">贵州</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
  <li id='tab2' onclick='tab(2)'><a href="#">四川</a></li>
  <li id='tab3' onclick='tab(3)'><a href="#">云南</a></li>
  <li id='tab4' onclick='tab(4)'><a href="#">四川</a></li>
</ul>
  </div>
  <div id='tabid1' class='tabid'><ul><li><a href="#">贵阳</a></li><li><a href="#">毕节</a></li><li><a href="#">遵义</a></li><li><a href="#">铜仁</a></li>
  <li><a href="#">贵阳</a></li><li><a href="#">毕节</a></li><li><a href="#">贵阳</a></li><li><a href="#">毕节</a></li><li><a href="#">贵阳</a></li><li><a href="#">毕节</a></li></ul></div>

<div id='tabid2' class='tabid' style="display:none"><ul><li id="tabt1" onClick="tabt(1)"><a href="#">成都</a></li><li onClick="tabt(1)"><a href="#">宜宾</a></li></ul></div>

  </div>

</BODY>
</HTML>

补充：.NET技术 ,  ASP.NET