|
Nesta lição usaremos
um javascript para dar movimento. É talvez o script mais conhecido e
utilizado no campo das formatações de e-mails e de páginas de web.
Vamos deixar o background fixo. Com isso, somente o texto irá
movimentar-se deslizando sobre o background por efeito do script.
Agora não será preciso acionar manualmente a barra de rolagem para
que o texto movimente-se como na lição anterior.
Pegue AQUI o arquivo compactado que
contém os dois modelos ilustrativos da lição, os dois scripts e o
código da tabela aplicado no modelo 02.
Para aplicar o script do modelo 01 proceda assim:
1 - Abra uma nova mensagem
2 - Na aba Editar aplique o background (Formatar/Plano de
Fundo/Imagem)
3 - Ainda na aba "Editar" digite (ou cole) o seu texto procurando
deixá-lo alinhado para que se desloque em conjunto. Escolha um texto
não muito curto para que possa testar o efeito.
Abaixo do texto dê vários ENTER.
Nota. Você pode alinhar o texto usando os recursos que já conhece:
a) Usando os recursos de alinhamento;
b) Definindo as margens no tag STYLE. Neste caso, antes de aplicar o
javascript, clique na aba Origem e aplique o código que define as
margens no tag style.
4 - Para dar o movimento, copie e cole na Origem o script abaixo:
Caso queira alterar a velocidade do movimento (mais rápido ou mais
lento) mude o número 40 nesta parte do script:
function startit(){
setInterval("scrollwindow()",40)
5 - Clique na aba Visualizar. Se tudo deu certo até aqui o seu
background deve estar movimentando-se junto com o texto, certo?
Então agora vamos fixar o background.
6 - Volte à aba "Origem" e cole o comando para fixar o background
bgProperties=fixed nesta parte do
script
<BODY bgProperties=fixed bgColor=#ffffff>
7 - Clique novamente na aba Visualizar para conferir se o background
ficou fixo e somente o texto está em movimento.
Observação. Há quem prefira aplicar o script sem fixar o background,
ou seja, ambos (texto e background) deslocam-se em conjunto.
Particularmente, acho que fica mais bonito fixando-se o background.
8 - Estando tudo certinho, complemente a formatação com som,
mensagem de rodapé, etc.
Seu exercício:
enviar à lista uma formatação completa (moldura, barra de rolagem
colorida, som, texto, mensagem de rodapé, etc.) utilizando o
javascript e fixando o background.
Caso queira, apresente a sua lição com tabela e a variação do script
(usada no modelo 02) que está explicada abaixo:
Variação deste mesmo script
Observe o movimento do modelo 01: o texto vai subindo enquanto a
barra de rolagem vai descendo. Quando a barra chega na parte
inferior, o texto volta a repetir o movimento.
No modelo 02 o texto sobe e pára quando a barra de rolagem descer
até o final.
O script é o mesmo em ambos os casos, mas no segundo modelo há uma
pequena diferença nesta parte:
/*alt=1
else
alt=0*/ /*esta parte faz com que volte para o topo.*/
Esse símbolo /* aplicado antes da palavra alt=1 na primeira linha e
após alt=0 na terceira linha é que ocasionou a diferença no
movimento.
Essa variante de uso do script é tão conhecida e utilizada quanto a
que foi apresentada no primeiro modelo.
Nota. Guarde os códigos dos scripts e da tabela fornecidos no
arquivo compactado para usá-los em outras formatações.
 |
