Efeito de Highlight com jQuery UI

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

Efeito de Highlight com jQuery UI

É 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.

efeito toggle com highlight jquery ui

Exemplo do Efeito de Highlight com jQuery UI

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

jquery ui highlight

Resumo
Efeito de Highlight com jQuery UI
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

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado.