js pour implémenter la détection de la souris pour glisser vers le bas et masquer les compétences menu_javascript

L'exemple de cet article décrit la méthode d'utilisation de js pour implémenter la détection de la souris afin de glisser vers le bas et de masquer le menu. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

fonction menuIn() //Menu caché
{
           si(n4) {
                                  clearTimeout(out_ID)
Si( 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)
                }
>
         autre {
                                  clearTimeout(out_ID)
Si( 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() //Affichage du menu
{
           si(n4) {
                                                                                                                                                                                                                                   pour clearTimeout(in_ID)
Si( menu.top < -10) {
menu.top = 4
out_ID = setTimeout("menuOut()", 1)
                }
Sinon si (menu.top & lt; 0) {
menu.top
                        out_ID = setTimeout("menuOut()", 1)
                >
               
        >
        sinon {
                clearTimeout (in_ID)
                si( menu.pixelTop < -10) {
                        menu.pixelTop = 2
                        out_ID = setTimeout("menuOut()", 1)
                >
                sinon if( menu.pixelTop < 0 ) {
                        menu.pixelTop
                        out_ID = setTimeout("menuOut()", 1)
                >
        >
>
fonction fireOver() {
        clearTimeout(F_out)          
        F_over = setTimeout("menuOut()", 10)
>
fonction fireOut() {
        clearTimeout(F_over)
         F_out = setTimeout("menuIn()", 10)
>
fonction init() {
        si (n4) {
                menu = document.D1
                menuH = menu.document.hauteur
                menu.top = menu.document.height*-1 20
                menu.onmouseover = menuOut
                menu.onmouseout = menuIn
        menu.visibility = "visible"
        >
        sinon si (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;

 
   
   
   
 
 
   
 

M     E     N     U	选     项 1                       选     项 2                       选     项 3                       选     项 4                       选     项 5	选     项 6                       选     7                       选     项 8                       选     项 9                       选     项 10

希望本文所述对大家的javascript程序设计有所帮助。