Oct-07 26

Marquee e seus atributos

Enviado por: Thales RB. .     6 comentários.     Categorias: HTML-CSS

Acho que qualquer um que conheça html, deve conhecer o comando marquee<marquee></marquee>, ele serve para dar um efeito de movimento ao texto, só que ele tem uma serie de atibutos, para deixar melhor esse efeito, aqui vai um lista com alguns dos atributos dele:

behavior: tipo de movimento ex: scroll, slide

loop: quantidade de vezes que o conteudo irá “rodar”

direction: direção que o conteudo se moverá, ex: left, right, top, bottom
height e width: dimensões da area de movimento
scrollamount: velocidade do movimento
scrolldelay: tempo que o conteudo ficara oculto

e uma função muito interressante, que pode ser usada, nesse comando, é o onmouseover, onmouseout que permite ao passar do mouse parar o movimento.

E aqui um exemplo, com todos os atributos, sendo usados:


<marquee behavior="scroll" direction="left" loop="10"
height="150" width="150" scrollamount="2" scrolldelay="10"
onmouseover="this.stop()" onmouseout="this.start()" align="left">
aqui pode ter um texto, mas ficaria melhor com imagens
</marquee>

e o resultado será esse:


aqui pode ter um texto, mas ficaria melhor com imagens, e ao parar o mouse sobre ele ele pausa o movimento

Para textos em linha, eu acho feio esse efeito, mas com imagens, ele fica perfeito, principalmente para algo como, uma galeria de parceiros, o que permite, ter uma area pequena, mas com muitas imagens.

Compartilhe nos Sites Sociais: Adicionar esta notcia no Linkk Adicionar esta notcia no Rec6 Adicionar esta notcia no Ueba
Comment on May 14th, 2008.

Caraio muto foda, tava precisando de um código assim me ajuda pakas…vlw..

Flavio
Comment on August 6th, 2008.

Opa. Tem como aplicar isso ao corpo de um e-mail?

Comment on August 9th, 2008.

se o email aceitar comandos htmls vc pode usar isso
mas creio que a maioria dos emails não aceita isso…

BV
Comment on August 20th, 2008.

Voce e bv?

Bri
Comment on October 3rd, 2008.

Oi! Não consigo fazer com que minhas imagens fiquem uma ao lado da outra; o movimento eh para a esquerda, mas as imagens aparecem em uma coluna e movimentam-se para a esquerda; eu queria q aparecessem lado a lado para a esquerda… :(

Comment on October 5th, 2008.

vc está colocando
entre cada imagem ??
se estiver o br serve para pular de linha…

Deixe um comentário

Os campos nome e e-mail são obrigatorios(o e-mail não será exibido), a URL é opcional.

Os comentários podem ter os seguintes comandos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>