sexta-feira, 14 de novembro de 2014

O código JS abaixo insere uma tag no body da página, e essa tag será mostrada com um efeito fade do jQuery.

$('body').append($('<div class="notification"><p>Você está deconectado!</p></div>').hide().fadeIn(800));

O comando .append() apenas insere uma tag na página e mostra ela, então para fazer o efeito fade nos escondemos a tag com .hide() e logo após mostramos ela com o .fadeIn(800), o valor entre parenteses pode ser alterado para alterar a velocidade do efeito.

0 comentários:

Postar um comentário

Inscreva-se no Feed RSS Follow me on Twitter!