Efeito bounce em imagem

Essa lição traz o efeito bounce (salto) em uma pequena imagem. Pegue aqui os modelos ilustrativos.
No primeiro caso, a imagem se desloca por toda a mensagem, em retas inclinadas, e "bate" nas bordas, como uma bola de ping-pong ou bola de sinuca.
No segundo caso, a imagem sai de um ponto (esquerda/topo) e também se desloca por toda a mensagem, mas com um movimento suave como o de uma pluma sob ação de uma leve brisa.. subindo e descendo...
São efeitos simples, mas que valorizam as nossas mensagens.

Material: um background (pode ser um tile), um pequeno gif com fundo transparente, um texto e um arquivo de som.

A formatação, em um caso e outro, segue o mesmo processo:

1 - Abra uma nova mensagem e aplique o seu background (menu Formatar/Plano de Fundo/Imagem).

2 - No tag STYLE coloque o código da moldura e barra de rolagem colorida, definições de fonte, etc.

3 - Na aba Editar digite (ou cole) o seu texto. Use as margens (no tag STYLE) ou os alinhamentos em função do background que tiver escolhido.

4 - Volte à Origem e cole no BODY o script

5 - Indique o caminho da imagem miúda. Não esqueça de preservar as aspas.
Clique na aba Visualizar para certificar-se de que o efeito está funcionando certinho.

6 - Complemente a formatação com som, mensagem de rodapé e alguma outra formatação que queira e que seja compatível com o script.

Primeiro Modelo - efeito ping-pong - pegue aqui o arquivo compactado que contém dois scripts para esse efeito (um vbscript e um javascript). No modelo 01 foi usado o vbscript.

Caso queira alterar a velocidade do movimento do gif basta mudar o valor 7 nesta parte:

REM in the line below from the default value of 2.
myTimer=SetTimeOut("bnce",7)
end sub


Segundo Modelo - efeito pluma - pegue aqui o arquivo compactado que contém o script em .txt

Caso queira alterar a velocidade do movimento basta mudar o valor 60 nesta parte:

' Repeat. If bounce is too fast, increase the number
' in the line below from the default value of 20.
myTimer=SetTimeOut("bnce",60)


Seu exercício: apresente à lista uma formatação completa (moldura e barra de rolagem colorida, som, mensagem de rodapé, margens, etc.) usando qualquer um dos scripts. Se quiser treinar, apresente duas formatações, uma para cada efeito conforme os modelos.

Helena Monteiro e Zoia Sales Cavalcante