菜单置于一个隐藏的层中,鼠标移到图片,onmouseover 显示该层,点击连接进入

解决方案 »

  1.   

    <script>
    function goto()
    {
    form1.action=event.srcElement.innerHTML+".jsp";
    form1.submit();
    }
    </script>
    <form name=form1>
    <div onmouseover="sub.style.display='block'" onmouseout="sub.style.display='none'" style="background:yellow;width:100">menu</div>
    <div id=sub style="display:none" onmouseover="this.style.display='block';this.style.cursor='hand'" onmouseout="this.style.display='none'" style="background:lightgreen;width:100">
    <table width=100%><tr onclick=goto()><td>sub1</td></tr>
    <tr onclick=goto()><td>sub2</td></tr>
    <tr onclick=goto()><td>sub3</td></tr>
    </table>
    </div>
    </form>