AminhaPágina

Vamos agora falar sobre uma tag bastante interessante.

<marquee> </marquee>

Acho que qualquer um que conheça HTML, deve conhecer a etiqueta marquee.
<marquee></marquee>, dá um efeito de movimento a texto ou imagens, e apresentasse com uma série de atributos:

Behavior, define o tipo de movimento:
scroll, o conteúdo passa continuamente na direção especificada.
slide, o conteúdo passa num lado e pára no outro.
alternate, efeito ping-pong, o conteúdo passa de um lado para o outro.
loop, define a quantidade de vezes que o conteúdo passa antes de parar.
direction, define para onde o letreiro vai circular, ex: left, right, top, bottom.
height e width, define a altura e a largura do letreiro em pixels ou %.
scrollamount, define a velocidade do movimento.
scrolldelay, define o tempo que o conteúdo fica oculto.
bgcolor, define a cor de fundo do letreiro.
hspace / vspace, define a margem horizontal e vertical.

Uma função muito interessante, que pode ser usada, nesse comando, é o onmouseover, onmouseout, que permite parar o movimento ao passar o cursor.

Exemplo:

<marquee onmouseover="this.stop()" onmouseout="this.start()" width="150" behavior=scroll bgcolor=yellow loop=3> Exemplo...</marquee>

Vamos analisar alguns exemplos desta etiqueta.

Exemplo1:

<marquee width=100% behavior=scroll bgcolor=yellow loop=3> Exemplo...</marquee>

Exemplo2:

<marquee width=100% behavior=slide bgcolor=yellow> Exemplo...</marquee>

Exemplo3:

<marquee width=100% behavior=alternate bgcolor=yellow> Exemplo...</marquee>

Exemplo4:

<marquee width=100% behavior=scroll direction=right bgcolor=yellow> Exemplo...</marquee>

Exemplo5:

<marquee behavior=scroll height=25 width=300 bgcolor=yellow> Exemplo …</marquee>

Exemplo6:

<marquee width=100% behavior=scroll hspace=15 vspace=25 bgcolor=yellow> Exemplo… </marquee>

0|1|2|3|4|5|6|7|8|9|10|11|12|13|14