Marquee
Um texto pode entrar na página e percorrê-la da direita para a
esquerda ou em sentido contrário, como um letreiro. Isso é obtido usando-se a
formatação Marquee.
O código é: <marquee>Texto que
deve se movimentar</marquee>.
Esse comando admite atributos de
direção e largura do efeito as quais possibilitam várias formas de
apresentação.
Também pode-se aplicar cores, negrito, italic e alterar a
fonte e o seu tamanho, normalmente.
O deslocamento pode ser só da direita
para a esquerda:
Acima foi utilizado:
<span style="color: rgb(255, 0, 0);"><marquee behavior=scroll>Escreva o
que quiser aqui </marquee></span>
Pode ser utilizada uma
imagem:
Acima
foi utilizado: <marquee behavior="alternate"><img src="endereço da imagem aqui"></marquee>
O atributo
behavior="alternate" faz com que o elemento movimentado vá e
volte.
Outros exemplos:
Interferindo na direção:
Da esquerda para a direita. O atributo slide direction="right"
faz com que o elemento siga para a direita.
<marquee behavior=slide
direction=right>Elemento que se
movimenta</marquee>
Exemplo 5: Acima foi utilizado: <marquee
style="font-family: arial;" slide direction="right"><span style="color:
rgb(255, 160, 120);">Viu é muito facil não é?</span></marquee>
Da
direita para a esquerda. O atributo slide direction="left" faz com que
o elemento siga para a esquerda.
<marquee behavior=slide
direction=left>Elemento que se movimenta</marquee>
Acima foi utilizado:
<marquee style="font-family: arial;" slide direction="left"><span
style="color: rgb(0, 190, 255);">
Brinque com estes códigos!</span></marquee>
Interferindo na
velocidade:
A especificação scrollDelay=um número indica a
velocidade da rolagem: quanto menor for o número, mais rapidamente o texto
corre. Exemplos:
Acima foi utilizado: </marquee><marquee scrolldelay="300"><img
src="Seu endereço de imagem aqui"></marquee>
Acima foi utilizado: <marquee scrollDelay=50><img
src="Seu endereço de imagem aqui"></marquee>
Se o que vai se movimentar
é um texto evidentemente ele pode ser formado: Cor, tipo e tamanhos de
fonte etc.
Acima foi utilizado:
<marquee scrollDelay=150><font color=#00FF7F>É só você pegar o
código e pronto!</em></font></marquee>
Interferindo
no sentido:
A especificação direction=up faz com que o texto
fique na vertical. Nesse caso foi também centralizado e aparece na cor lilás
(MediumSlateBlue).
Acima foi utilizado: <marquee
direction=up <P align="center"><center> <font
color=#7B68EE>Divulgue para seus amigos blogueiros</font></p></marquee>