jQuery UI

Efeito de Highlight com jQuery UI

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

É possível criar vários tipos de efeitos utilizando 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

Por que devo sempre manter o Magento 2 atualizado?

Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…

1 mês atrás

Adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2

Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…

1 mês atrás

Exibir mensagens erro/sucesso da Classe: Magento\Framework\Message\ManagerInterface

Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…

1 mês atrás

Exportar as categorias do Magento 2 em um XML

Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…

2 meses atrás

Colocar um video como Background utilizando HTML + CSS

Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…

4 meses atrás

Desativar o “lastname” no Magento 2

Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…

4 meses atrás