菜单的隐藏和显示

<html >

<head runat="server">
    <title>未命名頁面</title>
         <style>#D1 {
 BACKGROUND-COLOR: lightgreen;
 BORDER-BOTTOM: white 2px outset;
 BORDER-LEFT: white 2px outset;
 BORDER-RIGHT: white 2px outset;
 BORDER-TOP: white 2px outset;
 LEFT: 0px; POSITION: absolute;
 TOP: 0px; VISIBILITY: hidden;
 WIDTH: 300px;
 layer-background-color: lightgreen
    }
        a{font-size:9pt}
        a:link{text-decoration:none}
        a:hover{text-decoration:none;color:#FFFFFF}
        a:visited{text-decoration:none}
        .40pt{font-size:40pt;color:#3399ff;font-family:文鼎琥珀繁}
     </style>
</head>
<body οnlοad="init()">
    <form id="form1" runat="server">

    <script language="javascript">
        function menuIn() //菜单隐藏
        {
                if(n4) {
                        clearTimeout(out_ID)
                        if( menu.top > menuH*-1+20+10 ) { 
                                menu.top -= 8
                                in_ID = setTimeout("menuIn()", 1)
                        }
                        else if( menu.top > menuH*-1+20 ) {
                                menu.top--
                                in_ID = setTimeout("menuIn()", 1)
                        }
                }
                else {
                        clearTimeout(out_ID)
                        if( menu.pixelTop > menuH*-1+20+10 ) {
                                menu.pixelTop -= 8
                                in_ID = setTimeout("menuIn()", 1)
                        }
                        else if( menu.pixelTop > menuH*-1+20 ) {
                                menu.pixelTop--
                                in_ID = setTimeout("menuIn()", 1)
                        }
                }
        }
        function menuOut() //菜单显示
        {
                if(n4) {
                        clearTimeout(in_ID)
                        if( menu.top < -10) {
                                menu.top += 4
                                out_ID = setTimeout("menuOut()", 1)
                        }
                        else if( menu.top < 0) {
                                menu.top++
                                out_ID = setTimeout("menuOut()", 1)
                        }
                    }
                else {
                        clearTimeout(in_ID)
                        if( menu.pixelTop < -10) {
                                menu.pixelTop += 2
                                out_ID = setTimeout("menuOut()", 1)
                        }
                        else if( menu.pixelTop < 0 ) {
                                menu.pixelTop++
                                out_ID = setTimeout("menuOut()", 1)
                        }
                }
        }
        function fireOver() {
                clearTimeout(F_out)       
                F_over = setTimeout("menuOut()", 10)
        }
        function fireOut() {
                clearTimeout(F_over)
                 F_out = setTimeout("menuIn()", 10)
        }
        function init() {
                if(n4) {
                        menu = document.D1
                        menuH = menu.document.height
                        menu.top = menu.document.height*-1+20
                        menu.onmouseover = menuOut
                        menu.onmouseout = menuIn
          menu.visibility = "visible"
                }
                else if(e4) {
                        menu = D1.style
                        menuH = D1.offsetHeight
                        D1.style.pixelTop = D1.offsetHeight*-1+20
                        D1.onmouseover = fireOver
                        D1.onmouseout = fireOut
                        D1.style.visibility = "visible"
                }
        }
        F_over=F_out=in_ID=out_ID=null
        n4 = (document.layers)?1:0
        e4 = (document.all)?1:0;
    </script>
<div id="D1">
<table border="0" width="294">
<TBODY>
  <tr>
    <td align="middle" bgColor="#008000" rowSpan="2" width="14"><font color="#FFFFFF">
    M<br>
    E<br>
    N<br>
    U</font></td>
    <td style="width: 127px"> <ul>
      <li><a href="javascript:void(0)">
          选     项 1</a> 
      </li>
      <li><a href="javascript:void(0)">
          选     项 2</a> 
      </li>
      <li><a href="javascript:void(0)">
          选     项 3</a> 
      </li>
      <li><a href="javascript:void(0)">
          选     项 4</a> 
      </li>
      <li><a href="javascript:void(0)">
          选     项 5</a> 
      </li>
    </ul>
    </td>
    <td width="133">
    </td>
  </tr>
 </TBODY>
</table>
</div>
    </form>
   
     <script language=javascript>
<!--
function showSending() {
 sending.style.visibility="visible";
 }
-->
</script>
    <div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">
    </div> </html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值