jQuery UI

Efeito de Highlight com jQuery UI

Como fazer uma animação / efeito de Highlight com jQuery UI (framework).

É possível criar vários tipos de efeitos utilizando jQuery UI,

<p id="p-test">Texto de teste</p>

$("#p-test").effect("highlight", {}, 3000);

O primeiro parâmetro que passamos na função “effect” é o efeito que desejamos, no caso “highlight”.

Segundo, podemos definir uma função de callback, a ser executada após a conclusão do efeito e o terceiro é o tempo em mile segundos do efeito, no caso, temos 3 segundos (3000).

Complementando o Highlight

Você também pode utilizar junto a função “toggle”.

Toggle é uma função muito útil que junta fadeIn e fadeOut em uma unica função.

$( "#p-test" ).toggle( "highlight" );

Highlight é muito útil em mostrar feedbacks visuais das ações que ocorrem no seu site / sistema.

Exemplo do Efeito de Highlight com jQuery UI

São os pequenos detalhes que fazem toda a diferença na usabilidade de um sistema.

Resumo
Nome do Artigo
Efeito de Highlight com jQuery UI
Descrição
Como criar um Efeito de Highlight com jQuery UI
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Post Recentes

Bloquear .env e .git no nginx: as regras que ainda deixam o arquivo vazar

Negar /.env no nginx parece resolvido até alguém pedir /wp-content/uploads/.env ou backup.sql. As regras que testei e os furos que…

12 horas atrás

Canonical errado no Yoast: corrigindo pelo filtro wpseo_canonical

O Search Console marca suas páginas 2, 3 e 4 como alternativas da página 1? Ajuste a tag canônica do…

16 horas atrás

Layout XML do Magento 2: remover bloco de módulo de terceiro

Um módulo de terceiro plantou um banner no topo da loja e você não quer desinstalar nada: tire o bloco…

1 dia atrás

Restaurar dump do Magento 2 em outro servidor: trocar a base_url no SQL

Importou o banco de produção e o site pula para o domínio antigo? Rode o UPDATE em core_config_data, limpe o…

2 dias atrás

Criar exceção customizada em PHP: quando estender Exception compensa

Seu catch trata pedido inexistente e banco fora do ar do mesmo jeito. Veja como criar exceção customizada em PHP…

3 dias atrás

DataProvider Magento 2: form do admin abre com campos vazios ao editar

O form do admin salva mas abre em branco na edição: veja o getData() indexado pelo id da entidade e…

4 dias atrás