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.