-
Cómo hacer una tapa deslizable Alternar con jQuery
-
JQuery poderes los efectos visuales detrás de sitios web con estilo. JQuery es un lenguaje de programación Web basado en JavaScript que se puede utilizar para llevar a cabo los menús visuales lisos. Con jQuery, puede crear un menú que se desliza hacia abajo dinámicamente a medida que el usuario navega a través del sitio web. La interfaz de programación de aplicaciones jQuery deslizante, o API, es fácil de usar.
Instrucciones
1 Abra una aplicación de edición de texto, como el Bloc de notas Microsoft y crear un nuevo documento HTML mediante las siguientes líneas de código:
<! DOCTYPE HTML>
<Html>
<Head>
2 Añade 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 siguen este ejemplo:
<Title> jQuery slideDown () con los elementos posicionados-Medio </ title>
<Style type = "text / css">
#container {
parte inferior: 0px;
display: none;
izquierda: 10px;
position: fixed;
anchura: 90%;
}
</ Style>
3 Añadir la navegación basada en jQuery llamando a una función Javascript que hace referencia a la biblioteca jQuery:
<Script type = "text / javascript");
4 Incluir el conmutador deslizante con el siguiente código y prevenir un evento predeterminado, que mostrará el menú sin efectos:
$ ( "A") .click (
función (evento) {
event.preventDefault ();
5 Permitir a los usuarios alternar el menú móvil basada en la forma en que es visible:
(si container.is ( "Visible")) {
container.slideUp (2000);
6 Completar el argumento de visualización del menú jQuery, proporcionando la alternativa cuando las condiciones de este tutorial no se cumplen. Modificar y colocar este código:
} Else {
container.slideDown (2000);
}
}
);
});
</ Script>
</ Head>