精简QQ菜单

style>
#trName {
background-color:#0000FF;
}
#trHidden {
display:none;
}
</style>
<table width=100>
    <tr>
        <td>
        </td>
    </tr>

    <tr id="trName" onmouseover="javascript:this.style.cursor='hand';">
        <td>1
        </td>
    </tr>

    <tr id="trHidden">
        <td>11</td>
    </tr>

    <tr id="trName" onmouseover="javascript:this.style.cursor='hand';">
        <td>2
        </td>
    </tr>

    <tr id="trHidden">
        <td>22</td>
    </tr>

    <tr id="trName" onmouseover="javascript:this.style.cursor='hand';">
        <td>3
        </td>
    </tr>

    <tr id="trHidden">
        <td>33</td>
    </tr>

    <tr id="trName" onmouseover="javascript:this.style.cursor='hand';">
        <td>4
        </td>
    </tr>

    <tr id="trHidden">
        <td>44</td>
    </tr>

</table>

<SCRIPT LANGUAGE="JavaScript" event="onclick" for="trName">

    for (i=0;i<trHidden.length;i++)
    {
        trHidden[i].style.display = "none";
    }

    for (i=0;i<trName.length;i++)
    {
        if (event.srcElement.parentElement==trName(i))
        {
            trHidden[i].style.display = "inline";
        }
    }

</SCRIPT>