Mostrando, escondendo, deslizante, e desvanecimento elementos com jquery
Video: jQuery Básico - Mostrar y Ocultar un elemento
Conteúdo
efeitos jQuery são muito divertidos e pode transformar uma simples página web, estática em uma experiência dinâmica, interativa para o visitante do site. Parte do interesse visual que jQuery oferece é a capacidade de exibir, ocultar, slide, e fade elementos. Os exemplos a seguir usam este código de exemplo:
Video: Select para mostrar e esconder div
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.
Video: Adicionando Elemento com jQuery
| Efeito | Código |
|---|---|
| ocultar | $ ( “: 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 (). -}) - |
| Aparecimento gradual | $ ( “: Submit”) click (function () {. $ ( “# Showme”) fadeIn (). -}) - |
| Desaparecer | $ ( “: Submit”) click (function () {. $ ( “# Hideme”) fadeOut (). -}) - |