Latest web development tutorials

efectos jQuery - Tobogán

jQuery método de elemento deslizante puede deslizarse hacia arriba y hacia abajo.

Haga clic aquí para ocultar el panel / pantalla

El tiempo es dinero, por lo que ofrece de manera rápida y fácil de entender el contenido de aprendizaje para usted.

Aquí, se puede entender por medio de un modo conveniente de obtener cualquier conocimiento que necesita.


Ejemplos

jQuery slideDown ()
método de demostración jQuery slideDown ().

jQuery slideUp ()
método de demostración jQuery slideUp ().

jQuery slideToggle ()
método de demostración jQuery slideToggle ().


métodos de diapositivas jQuery

Por jQuery, puede crear un efecto de deslizamiento sobre el elemento.

jQuery tiene los siguientes métodos de diapositivas:

  • slideDown ()
  • slideUp ()
  • slideToggle ()

jQuery slideDown método ()

método jQuery slideDown () se utiliza para deslizarse hacia abajo elementos.

sintaxis:

$(selector).slideDown(speed,callback);

El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.

El parámetro de devolución de llamada opcional es el nombre de la función ejecutada después de la finalización de la diapositiva.

El siguiente ejemplo demuestra el método slideDown ():

Ejemplos

$("#flip").click(function(){
$("#panel").slideDown();
});

Trate »


jQuery slideUp método ()

método jQuery slideUp () se utiliza para deslizarse hacia arriba elementos.

sintaxis:

$(selector).slideUp(speed,callback);

El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.

El parámetro de devolución de llamada opcional es el nombre de la función ejecutada después de la finalización de la diapositiva.

El siguiente ejemplo demuestra el método slideUp ():

Ejemplos

$("#flip").click(function(){
$("#panel").slideUp();
});

Trate »


jQuery slideToggle método ()

() método jQuery slideToggle se puede cambiar entre slideDown () y el método slideUp ().

Si el elemento deslizante hacia abajo, el slideToggle () puede deslizarse hacia arriba.

Si desliza por elemento, slideToggle () puede deslizarse hacia abajo.

$(selector).slideToggle(speed,callback);

El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.

El parámetro de devolución de llamada opcional es el nombre de la función ejecutada después de la finalización de la diapositiva.

El siguiente ejemplo demuestra el método slideToggle ():

Ejemplos

$("#flip").click(function(){
$("#panel").slideToggle();
});

Trate »