Usando Marquee

Olá, tudo bem?


Hoje vamos aprender a movimentar objetos em uma pagina html.


Sabe aqueles textos que se movimentam de um lado para o outro, como um letreiro digital? Hoje vamos aprender a fazer!


É muito simples, basta utilizar a tag

1. 
   
   

Vamos ver um exemplo:

1. 
   
   
2. 
   
   
3. 
   
   
4. 
   
   
5. 
   
   
6. 
   Este texto aparecerá na tela do computador movimentando-se da direita para a esquerda como um letreiro digital
   
7. 
   
   
8. 
   
   

Note que o texto fica entre as tags

1. 
   e
   

.
Tudo o que estiver entre essas duas tags, vai se movimentar. Você,
além de movimentar textos, pode também, movimentar imagens.


Veja um exemplo:

1. 
   
   
   
   [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
   
   
   
   
   

Nesse caso a figura “imagem.jpg” ira se movimentar na tela da
direita pra esquerda, constantemente e sem parar, igual a um letreiro
digital, só que em vez de texto, uma imagem vai de mexer.


Há alguns atributos úteis da tag marquee. Um dos mais interessantes é
o de direção. Você pode definir pra qual direção seu objeto (texto ou
imagem) vai se movimentar, pode ser pra esquerda, pra direita, pra cima
ou pra baixo. Por padrão o movimento é da direita pra esquerda.

veja um exemplo:

1. 
   
   
   
   Este exto vai se mexer da esquerda pra direita.
   
   
   
   
   

As opções de direction são:

- “right”, da esquerda para direita;

- “left” vice-versa da anterior;

- “up”, de baixo pra cima e

- “down” de cima pra baixo.


Há também outros atributos como velocidade (

1. 
   ...
   

)
onde no valor de scrolldelay você coloca a velocidade em milisegundos,
nesse caso coloca-se “truespeed” para validar o atributo.


Até a próxima.