|
O Evento slideDown()
Deslizar o conte�do criar� um visual din�mico interativo para o usu�rio. Esses s�o os efeitos que tornam a p�gina mais
atraente. Deslizar os elementos ou o conte�do ajudar� a tornar a p�gina mais limpa e menos confusa. Uma parte do conte�do pode ser
configurada para deslizar para baixo quando o usu�rio clicar no t�tulo do conte�do. Isso tornar� esse conte�do espec�fico vis�vel
apenas quando for clicado ou quando o usu�rio quiser v�-lo.
Portanto, o m�todo slideDown() ajuda a deslizar o elemento selecionado para baixo. Este m�todo funciona quando
o elemento n�o est� vis�vel na p�gina inicialmente. Isso significa que o elemento deve ter seu CSS definido como - display: none.
Este m�todo n�o funcionar� se o elemento estiver em um estado oculto.
Sintaxe:
$(selector).slideDown();
$(selector).slideDown(speed, easing, callback);
Speed (velocidade), easing (atenua��o) e callback (retorno de chamada) s�o os par�metros necess�rios. Todos eles s�o
opcionais, ou seja, podem ser passados, mas n�o necessariamente. A velocidade aqui indica a velocidade dos elementos que devem ser
deslizados para baixo. Pode ser especificado como � lento, r�pido, normal ou mesmo em milissegundos. O valor padr�o da velocidade
� normal. O par�metro easing leva � swing, linear como seus valores. O retorno de chamada refere-se � fun��o que � chamada quando
o m�todo slideDown() termina sua tarefa.
Vamos ver o exemplo a seguir para entender melhor o m�todo slideDown() em jQuery. Quando o bot�o fornecido � clicado
pelo usu�rio, ele faz com que algum conte�do deslize para baixo na p�gina e o torne vis�vel.
Vejamos um exemplo para demonstrar o evento slideDown().
Resultado:
Veja na imagem o resultado desse c�digo:
O Evento slideUp()
Deslizar o conte�do cria um visual din�mico interativo para os usu�rios. Deslizar os elementos ajudar� a ter uma imagem
mais clara de todo o conte�do da p�gina da web. Se todo o conte�do estiver vis�vel, cria confus�o para o usu�rio entender melhor.
Portanto, o usu�rio pode ocultar o conte�do de acordo com o que n�o for �til. Uma parte do conte�do pode ser configurada para
deslizar para cima quando o usu�rio clicar no t�tulo do conte�do. Isso far� com que aquele determinado conte�do fique oculto apenas
quando for clicado ou quando o usu�rio n�o quiser v�-lo.
Portanto, o m�todo slideUp() ajuda a deslizar o elemento selecionado para cima. Este m�todo funciona quando o
elemento est� vis�vel na p�gina inicialmente. Este m�todo n�o define o elemento selecionado como oculto, mas o torna invis�vel para
o usu�rio.
Sintaxe:
$(selector).slideUp();
$(selector).slideUp(speed, easing, callback);
A velocidade, atenua��o e retorno de chamada s�o os par�metros necess�rios. Todos eles s�o opcionais, ou seja, podem ser
passados, mas n�o necessariamente. A velocidade aqui indica a velocidade dos elementos que devem ser deslizados para cima e
escondidos. Pode ser especificado como � lento, r�pido, normal ou mesmo em milissegundos. O valor padr�o da velocidade � normal.
O par�metro easing leva - swing, linear como seus valores. O retorno de chamada refere-se � fun��o que � chamada quando o m�todo
slideUp() termina sua tarefa.
Vamos ver o exemplo a seguir para entender melhor o m�todo slideUp() em jQuery. Quando o bot�o fornecido � clicado pelo
usu�rio, ele faz com que algum conte�do deslize para cima na p�gina e o torne vis�vel.
Vejamos um exemplo para demonstrar o evento slideUp().
Resultado:
Veja na imagem o resultado desse c�digo:
<< Tutorial para Saber como Utilizar os Eventos keypress() e keyup()
Tutorial para Criar Accordions >>
|
