A tag Marquee

Podemos dar movimento a textos, links, imagens e a outros elementos HTML, colocando-os em evidência quando a situação for conveniente, pois conforme orientamos, não é recomendado o uso excessivo deste recurso. Para a realização desta tarefa, contamos com a tag <marquee>, que é reconhecida e executada somente pelo navegador Internet Explorer da Microsoft, sendo ignorada pelos demais navegadores.

A tag <marquee> é utilizada em par, possuindo abertura e fechamento. Na parte referente a sua abertura, inserimos diversos atributos que controlam características do seu funcionamento.

A declaração básica da tag <marquee> é:
<marquee>elemento</marquee>

Vejamos agora, a descrição dos principais atributos da tag <marquee>:

(behavior)

Com este atributo, definimos o estilo de comportamento executado pela animação, podendo ser utilizado um entre os três valores disponíveis:

Behavior="scroll" - Este é o comportamento padrão utilizado pela tag >marquee<. Faz com que o elemento entre por um lado da tela e saia pelo outro, em um ciclo.

Behavior="slide" - Faz com que o elemento entre por um lado da tela e se desloque até o outro lado.

Behavior="alternate" - Faz com que o elemento se desloque de um lado para o outro da tela, em um ciclo.

(direction): Com este atributo, definimos para qual direção será movimentado o elemento:
Direction="left" - Da direita para a esquerda (direção padrão).
Direction="right" - Da esquerda para a direita.

(height): -Com este atributo, definimos em pixels ou em porcentagem da tela, a dimensão vertical que será reservada para a animação.

(width):Com este atributo, definimos em pixels ou em porcentagem da tela, a dimensão horizontal que será reservada para a animação.

(hspace): Com este atributo, podemos estabelecer uma margem horizontal externa à área da animação, onde o valor definido em pixels será assumido tanto pelo lado esquerdo como pelo lado direito.

(vspace): Com este atributo, podemos estabelecer uma margem vertical externa à área da animação, onde o valor definido em pixels será assumido tanto pelo lado superior como pelo lado inferior.

(align): Com este atributo, definimos o alinhamento vertical do elemento, dentro do espaço reservado para a animação. Podemos utilizar um entre os três valores:
Align="top" – Alinha à parte superior.
Align="middle" – Alinha ao centro (alinhamento padrão).
Align="bottom" – Alinha à parte inferior.

(bgcolor): Este atributo nos permite definir uma cor de fundo para a área reservada para a animação, utilizando o padrão RGB.

(loop): Com este atributo, podemos definir o ciclo de repetições que será aplicada a um comportamento estabelecido para a animação:

(Loop="3") – A animação executará o movimento estabelecido por três vezes.

Loop="infinite" – O ciclo de movimentos será executado ininterruptamente.

(scrollamount): Este atributo nos permite definir em pixels, o espaço para cada movimento realizado pelo elemento na animação.

(scrolldelay): Este atributo nos permite definir o tempo em milisegundos, para cada movimento realizado pelo elemento na animação.

Note que com os atributos (scrollamount) e (scrolldelay), podemos modificar conforme a nossa preferência, a velocidade do deslocamento feito pelo elemento na animação, pois quanto maior for o espaço utilizado para cada movimento, maior será a velocidade e quanto maior for o tempo utilizado para cada movimento, menor será a velocidade.

Caso necessário, podemos combinar estas duas variáveis de modo a atingir a velocidade que desejamos