手写简易JS菜单

head中写入如下脚本

<script language="javascript" type="text/javascript">

  function showmenu(i)
         {
            for(var j=1;j<=6;j++)
            {
                if(j==i)
                {
                  eval("dv"+j).style.display = "block";
                }
                else
                {
                  eval("dv"+j).style.display = "none";
                }
            }         
         }
         function hidden(obj)
         {
            obj.style.display = "none";
         }
         function setFontColor(obj)
         {
            obj.style.color="#ff3300";
           
         }
         function reSetColor(obj)
         {
             obj.style.color="#58595b";
         }
        
       </script>

在 body 中写下如下内容

<table width="100%">
                                    <tr>
                                        <td>
                                          <table width="100%">
                                             <tr>
                                                <th οnmοuseοver="showmenu(1)">新建订单</th><th οnmοuseοver="showmenu(2)">确认订单</th><th οnmοuseοver="showmenu(3)">审核订单</th><th οnmοuseοver="showmenu(4)">夜审</th><th οnmοuseοver="showmenu(5)">出票</th><th οnmοuseοver="showmenu(6)">结算</th>
                                             </tr>
                                          </table>
                                        </td>
                                    </tr>
                                     <tr>
                                        <td id="chmenu" background="scrollingback.gif" style="height: 39px">
                                           <div id="dv1" style=" display:none;" οnmοuseοver="showmenu(1)"  οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                      <a href="../FrameWork/booking/newbooking.aspx" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">酒店订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../FrameWork/booking/airticket/newbooking.aspx" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">机票订单</a></td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">景点订单</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                           </div>
                                           <div id="dv2" style="position:absolute; top:53px; left:355px; height: 39px; display:none;" οnmοuseοver="showmenu(2)" οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/querorder.aspx?type=1&state=1" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">酒店订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/qflight.aspx?type=6&state=1" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">机票订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">景点订单</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                          </div>
                                            <div id="dv3" style="position:absolute; left: 432px; width: 268px; top: 53px; display:none;" οnmοuseοver="showmenu(3)" οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/querorder.aspx?type=1&state=2" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">酒店订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/qflight.aspx?type=6&state=1" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">机票订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">景点订单</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                           </div>
                                            <div id="dv4" style="position:absolute; left: 570px; width: 268px; top: 53px; display:none;" οnmοuseοver="showmenu(4)" οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/querorder.aspx?type=1&state=3" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">入住夜审</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/querorder.aspx?type=1&state=4" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">离店夜审</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                           </div>
                                            <div id="dv5" style="position:absolute; left: 670px; width: 268px; top: 53px; display:none;" οnmοuseοver="showmenu(5)" οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/qflight.aspx?type=6&state=2" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">机票订单</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                           </div>
                                            <div id="dv6" style="position:absolute; left: 600px; width: 268px; top: 53px; display:none;" οnmοuseοver="showmenu(6)" οnmοuseοut="hidden(this)">
                                              <table>
                                                 <tr>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/querorder.aspx?type=1&state=7" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">酒店订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a href="../sys_BookingMessage/qflight.aspx?type=6&state=4" οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">机票订单</a>
                                                   </td>
                                                   <td style="width: 70px;text-align:center">
                                                   <a οnmοuseοver="setFontColor(this)" οnmοuseοut="reSetColor(this)" style="cursor:pointer" target="main">景点订单</a>
                                                   </td>
                                                 </tr>
                                              </table>
                                           </div>
                                        </td>
                                    </tr>
                                </table>