ubiquitour.com

Cómo hacer una diapositiva hacia abajo la palanca con JQuery

JQuery potencias los efectos visuales detrás de páginas web con estilo. JQuery es una Web basada en JavaScript, lenguaje que puede utilizarse para realizar menús visuales Slicks de programación. Con jQuery, puede crear un menú que se desliza en forma dinámica mientras el usuario navega a través de la Página Web. El desplazamiento jQuery interfaz application programming interface, o API, es fácil de usar.

Instrucciones

1 Abra un aplicación como Microsoft Notepad de edición de texto y crear un nuevo documento HTML mediante las siguientes líneas de código:

<! HTML de DOCTYPE >

< html >

< head >

2 Añadir un título y definir la hoja de estilo en cascada para el menú mediante la adición de líneas de código que sigan este ejemplo:

< title > jQuery SlideDown() con Middle-Positioned elementos < / title >

< estilo tipo = "text/css" >

#container {

bottom: 0px ;

display: none ;

left: 10px ;

position: fixed ;

width: 90% ;

}

< / estilo >

3 Añadir el jQuery navegación llamando a una función de Javascript que hace referencia a la biblioteca de jQuery:

< script tipo = "texto/javascript");

4 Incluyen la palanca deslizante con el siguiente código y evitar que un evento predeterminado, que se mostrará el menú sin efectos:

$("a") .click (

función (event) {}

event.preventDefault();

5 Permiten a los usuarios cambiar el menú deslizante basado en lo que es visible:

Si (container.is (": visible")) {}

container.slideUp (2000);

6 Completa el argumento de jQuery menú pantalla proporcionando la alternativa cuando no se cumplan las condiciones en este tutorial. Modificar y colocar este código:

} else {}

container.slideDown (2000);

}

}

);

});

< /script >

< /HEAD >