menu_javascript スキルを下にスライドして非表示にするマウス センシングを実装する js メソッド

この記事の例では、js を使用してメニューを下にスライドして非表示にするマウス センシングを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>


<スクリプト言語="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 menu.top = 4
out_ID = setTimeout("menuOut()", 1)
}
Else if (menu.top & lt; 0) {
メニュー.トップ
                        out_ID = setTimeout("menuOut()", 1)
                }
               
        }
        他 {
                clearTimeout(in_ID)
                if( menu.pixelTop                         menu.pixelTop = 2
                        out_ID = setTimeout("menuOut()", 1)
                }
                else if( menu.pixelTop                         menu.pixelTop
                        out_ID = setTimeout("menuOut()", 1)
                }
        }
}
関数 fireOver() {
        clearTimeout(F_out)
        F_over = setTimeout("menuOut()", 10)
}
関数 fireOut() {
        clearTimeout(F_over)
         F_out = setTimeout("menuIn()", 10)
}
関数 init() {
        if(n4) {
                メニュー = document.D1
                menuH = menu.document.height
                menu.top = menu.document.height*-1 20
                menu.onmouseover = menuOut
                menu.onmouseout = menuIn
        menu.visibility = "可視"
        }
        else if(e4) {
                メニュー = D1.style
                menuH = D1.offsetHeight
                D1.style.pixelTop = D1.offsetHeight*-1 20
                D1.onmouseover = fireOver
                D1.onmouseout = fireOut
                D1.style.visibility = "可視"
        }
}
F_over=F_out=in_ID=out_ID=null
n4 = (ドキュメント.レイヤー)?1:0
e4 = (document.all)?1:0;

<表の境界線="0" width="100%">

 
   
    M

   
    N

    U
   

     
• 
            选 项 1
       

     
• 
            选 项 2
       

     
• 
            选 项 3
       

     
• 
            选 项 4
       

     
• 
            选 项 5
       

   

   
   

     
• 
            选 项 6
       

     
• 
            选 项 7
       

     
• 
            选 项 8
       

     
• 
            选 项 9
       

     
• 
            选 项 10
       

   

   
 
 
   
    
 

ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。