Eu prefiro saber como foi feito ou no meu caso fazer a lógica “do zero” e fazer do meu jeito.

Estou disponibilizando uma classe estática que faz Fade in e Fade out de objetos HTML para ser usada, entendida, melhorada e porque não criticada?

Podem Ficar a vontade, testem e quaisquer dúvidas comentem.

Baixe o exemplo:

Fade (ZIP) ou Fade (RAR)

Abs,
Chapooo!

Mais uma vez estou aqui para compartilhar algumas idéias, desta vez fiz uma classe que foge um pouco do meu dia-a-dia, um tipo de animação em Javascript.

Um amigo precisava fazer um efeito para realçar um objeto e então como qualquer desafio disse que faria e acabou resultando na classe ‘Realce’. Só que como já estava com a mão na massa fiz a classe (Estática) ‘Hexadecimal’ que basicamente converte uma cor hexa (Ex.: FF0000) para decimal (Ex.: 255, 0, 0) e vice-versa, segue a implementação:

Ah… usaremos também a classe estática ‘Delegate’ que disponibilizei no exemplo de Drag anterior.

Baixe o pacote: Realce.rar

Após incluir em seu código as 3 classes você apenas precisa instanciar a classe ‘Realce’ e aplicar os métodos:

<script type="text/javascript">
    r = new Realce();
    r.definirObjeto('STRING_ID_OBJETO' OU document.getElementById('OBJ'));
    r.definirCorInicial('FF0000');
    r.definirCorFinal('FFFF00');
    r.realcar();
</script>

Executanto o script acima o efeito que teremos é o realce da cor definida como Inicial para o ‘FFFFFF’ que é o branco, mas se após aplicar o método ‘definirCorInicial’ você aplicar o outro método da classe ‘definirCorFinal’ definindo outra cor, a animação vai realçar de uma cor para outra.

Espero que tenham gostado…

Abs,
Chapoo