菜单特效


 
<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>
<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 width="127"> <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>



 
<body onload="init()" >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值