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

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

WBOY

Libérer： 2016-05-16 16:13:36

original

1192 Les gens l'ont consulté

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 :

Le menu caché caché dans le coin supérieur gauche de la page Web qui est extrait par le bouton de la souris

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程序设计有所帮助。