Mostrar, ocultar, Escorregar, e desvanecimento Elements com jQuery
efeitos jQuery são muito divertidos e pode transformar uma simples página web, estática em uma experiência dinâmica e interativa para o visitante do site. Parte do interesse visual que jQuery oferece é a capacidade de exibir, ocultar, slide, e fade elementos. Os exemplos que se seguem todos usam este código de exemplo:
Minha página de teste Isto é visível.
Aqui está um resumo rápido sobre como aplicar estes efeitos a um elemento em uma página da Web.
| Efeito | Código |
|---|---|
| Esconder | $ ( ": Submit") click (function () {. $ ( "Div") hide (). - }) - |
| exposição | $ ( ": Submit") click (function () {. $ ( "# Showme") show (). - }) - |
| Deslize para baixo | $ ( ": Submit") click (function () {. $ ( "# Showme") slideDown (). - }) - |
| Deslize para cima | $ ( ": Submit") click (function () {. $ ( "# Hideme") slideUp (). - }) - |
| fade in | $ ( ": Submit") click (function () {. $ ( "# Showme") fadeIn (). - }) - |
| Desaparecer | $ ( ": Submit") click (function () {. $ ( "# Hideme") fadeOut (). - }) - |