TheSilence • 21.01.12 11:55
Usando a tag "Marquee" 21.01.12 11:55
Olá galera tudo bem? Hoje vamos aprender a movimentar objetos em uma página 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 usar a tag
Aqui vai um exemplo:
Ficará assim:
Note que o texto fica entre as tags
E para colocar uma imagem também é simples, basta utilizar duas tags
Ficará assim:
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:
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,
onde no valor de scrolldelay você coloca a velocidade em milisegundos, nesse caso coloca-se “truespeed” para validar o atributo.
Sabe aqueles textos que se movimentam de um lado para o outro, como um letreiro digital? Hoje vamos aprender a fazer!
É muito simples basta usar a tag
- Código:
<marquee>
Aqui vai um exemplo:
- Código:
<html>
<head>
<title> Exemplo </title>
</head>
<body>
<marquee>Este texto aparecerá na tela do computador movimentando-se da direita para a esquerda como um letreiro digital</marquee>
</body>
</html>
Ficará assim:
Note que o texto fica entre as tags
- Código:
<marquee> e </marquee>
E para colocar uma imagem também é simples, basta utilizar duas tags
- Código:
<marquee>
<img src=”imagem.jpg”>
</marquee>
Ficará assim:
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:
- Código:
<marquee direction=”right”>
Este exto vai se mexer da esquerda pra direita.
</marquee>
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,
- Código:
<marquee scrolldelay="45" truespeed>Texto</marquee>
onde no valor de scrolldelay você coloca a velocidade em milisegundos, nesse caso coloca-se “truespeed” para validar o atributo.
Última edição por TheSilence em 22.01.12 0:30, editado 1 vez(es)
¥.Bruno.¥ • 21.01.12 16:58
łυcky σηє • 21.01.12 22:58
IanSzot • 25.01.12 1:55
