HTML语言编写的树形导航栏代码

来源:互联网 发布:国泰君安 mac 编辑:程序博客网 时间:2024/05/29 02:22

求HTML语言编写的树形导航栏代码

 

代码:

<HTML>
<HEAD>
<TITLE>树形菜单</TITLE>
<STYLE type="text/css">
     DIV{
         FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;
        }
     A{
       FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none
      }
     A:hover{
             FONT-SIZE: 13px; COLOR: #999999
            }
</STYLE>
<SCRIPT language="JavaScript">
function show(d1)
 {
  if(document.getElementById(d1).style.display=='none')
    {
     document.getElementById(d1).style.display='block'; //显示
    }
  else
    {
     document.getElementById(d1).style.display='none'; //隐藏
    }
 }
</SCRIPT>
</HEAD>
<BODY>
<DIV HEIGHT="30"><FONT color="#CC0000" size="6" ><B>javascript:</B></FONT></DIV><BR>
<A href="javascript:onClick=show('1') ">中国</A>
<DIV id="1" style="display:none">
 &nbsp&nbsp  四川<BR>
&nbsp&nbsp 北京<BR>

&nbsp&nbsp 上海<BR>

&nbsp&nbsp 天津<BR>

&nbsp&nbsp 澳门<BR>

&nbsp&nbsp  山西<BR>

&nbsp&nbsp 陕西<BR>
</DIV>

<DIV><A href="javascript: onClick=show('2') "> 美国</A></DIV>
<DIV id="2" style="display:none">
  &nbsp&nbsp  纽约<BR>
  &nbsp&nbsp  反射<BR>
   &nbsp&nbsp 加州<BR>
  &nbsp&nbsp  户口
</DIV>

<DIV><A href="javascript:onClick=show('3') ">  法国</A></div>
<DIV id="3" style="display:none">
 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

</DIV>

<DIV><A href="javascript:onClick=show('4') ">  英国</A></div>
<DIV id="4" style="display:none">
   &nbsp&nbsp  法国<BR>

&nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>


</DIV>

<DIV><A href="javascript:onClick=show('5') ">奥女</A></div>
<DIV id="5" style="display:none">
 

&nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>


</DIV>

<DIV><A href="javascript:onClick=show('6') ">  够国</A></div>
<DIV id="6" style="display:none">

&nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>

 &nbsp&nbsp  法国<BR>


</DIV>

 

</BODY>
</HTML>