tutoriais mais recente desenvolvimento web
 

jQuery Efeitos - deslizantes

❮ Anterior Próxima Capítulo ❯

Os métodos de slide jQuery deslizar elementos para cima e para baixo.

Clique para deslizar para cima / baixo do painel

Porque o tempo é valioso, nós entregamos o aprendizado rápido e fácil.

No w3ii, você pode estudar tudo que você precisa para aprender, em um formato acessível e prático.

Exemplos

jQuery slideDown()
Demonstra o jQuery slideDown() método.

jQuery slideUp()
Demonstra o jQuery slideUp() método.

jQuery slideToggle()
Demonstra o jQuery slideToggle() método.

jQuery deslizante Métodos

Com jQuery você pode criar um efeito de deslizamento em elementos.

jQuery tem os seguintes métodos de slides:

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

jQuery slideDown() Método

O jQuery slideDown() método é usado para deslizar para baixo um elemento.

Sintaxe:

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

O parâmetro de velocidade opcional especifica a duração do efeito. Ele pode ter os seguintes valores: "slow", "fast" , ou milissegundos.

O parâmetro callback opcional é uma função a ser executada depois da conclusão do deslizamento.

O exemplo seguinte demonstra a slideDown() Método:

Exemplo

$("#flip").click(function(){
    $("#panel").slideDown();
});
Tente você mesmo "

jQuery slideUp() Método

O jQuery slideUp() método é usado para deslizar para cima um elemento.

Sintaxe:

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

O parâmetro de velocidade opcional especifica a duração do efeito. Ele pode ter os seguintes valores: "slow", "fast" , ou milissegundos.

O parâmetro callback opcional é uma função a ser executada depois da conclusão do deslizamento.

O exemplo seguinte demonstra a slideUp() Método:

Exemplo

$("#flip").click(function(){
    $("#panel").slideUp();
});
Tente você mesmo "

jQuery slideToggle() Método

O jQuery slideToggle() método alterna entre o slideDown() e slideUp() métodos.

Se os elementos foram deslizou para baixo, slideToggle() vai deslizar-los.

Se os elementos foram deslizou para cima, slideToggle() vai deslizar para baixo.

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

O parâmetro de velocidade opcional pode ter os seguintes valores: "slow", "fast" , milissegundos.

O parâmetro callback opcional é uma função a ser executada depois da conclusão do deslizamento.

O exemplo seguinte demonstra a slideToggle() Método:

Exemplo

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»

jQuery Efeitos Referência

Para uma visão completa de todos os efeitos jQuery, por favor, vá ao nosso jQuery Efeito de referência .


❮ Anterior Próxima Capítulo ❯