请教一个问题

http://xml.sz.luohuedu.net/xml/CoolMenu/main.htm

解决方案 »

  1.   

    一个例子<html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head>
    <script language="javascript">
    function show(n)
    {
    switch (n)
    {
    case 1:
    init();
    document.all.tb01.style.display = "";
    break;
    case 2:
    init();
    document.all.tb02.style.display = "";
    break;
    case 3:
    init();
    document.all.tb03.style.display = "";
    break;
    case 4:
    init();
    document.all.tb04.style.display = "";
    break;
    case 5:
    init();
    document.all.tb05.style.display = "";
    break;
    case 6:
    init();
    document.all.tb06.style.display = "";
    break;
    defautl:;
    }
    }
    function init()
    {
    document.all.tb01.style.display = "none";
    document.all.tb02.style.display = "none";
    document.all.tb03.style.display = "none";
    document.all.tb04.style.display = "none";
    document.all.tb05.style.display = "none";
    document.all.tb06.style.display = "none";
    }
    </script>
    <body><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="600" height="16">
      <tr>
        <td width="16%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(1);">演出</td>
        <td width="16%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(2);">电影</td>
        <td width="17%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(3);">体育</td>
        <td width="17%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(4);">礼品</td>
        <td width="17%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(5);">展览</td>
        <td width="17%" align="center" height="16" onmouseover="this.style.cursor = 'hand';show(6);">交通</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb01" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">演出一</td>
        <td width="50%" align="center" height="16">演出二</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb02" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">电影一</td>
        <td width="50%" align="center" height="16">电影二</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb03" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">体育一</td>
        <td width="50%" align="center" height="16">体育二</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb04" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">礼品一</td>
        <td width="50%" align="center" height="16">礼品二</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb05" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">展览一</td>
        <td width="50%" align="center" height="16">展览二</td>
      </tr>
    </table>
    <table border="1" cellpadding="0" cellspacing="0" width="200" height="16" id="tb06" style="display:none">
      <tr>
        <td width="50%" align="center" height="16">交通一</td>
        <td width="50%" align="center" height="16">交通二</td>
      </tr>
    </table></body></html>