Efeito marquee imagens e texto em movimentos
![]() |
Efeito marquee imagens e texto em movimentos |
O elemento html <marquee> é usado para inserir uma área de texto de rolagem, efeito 'scrolling' semelhante a um letreiro.
behavior="alternate" o texto fica indo e voltando.
<marquee behavior="alternate" width="300" height="40" scrolldelay="2" scrollamount="2" direction="left" onmouseover="this.stop()" onmouseout="this.start()">Não é legal?</marquee>
Aqui estão alguns comandos de controle que podem ser aplicados à marca de seleção tag <marquee> para melhorar os efeitos, são comandos que tornam possível controlar o efeito do movimento.
behavior
1° O conteúdo vai de um lado para o outro e assim por diante.
<marquee behavior="alternate">
Conteúdo em movimento!
</marquee>
2° O conteúdo sai de um lado, pré-definido ou não, e do outro.
<marquee behavior="slide">
Conteúdo em movimento!
</marquee>
3° O conteúdo está sempre deslizando na mesma direção.
<marquee behavior="scroll">
Conteúdo em movimento!
</marquee>
scrollamount
4° Comando que permite o controle da velocidade do conteúdo em movimento.
<marquee scrollamount="9">
Conteúdo em movimento!
</marquee>
direction
5° Direção: Indica para qual direção o conteúdo deve deslizar, O conteúdo desliza de cima para baixo.
<marquee direction="down">
Conteúdo em movimento!
</marquee>
6° O conteúdo desliza da direita para a esquerda.
<marquee direction="left">
Conteúdo em movimento!
</marquee>
7° O conteúdo desliza da esquerda para a direita.
<marquee direction="right">
Conteúdo em movimento!
</marquee>
8° O conteúdo desliza de baixo para cima.
<marquee direction="up">
Conteúdo em movimento!
</marquee>
Com <marquee> e css é possível criar slides para Sites e Blogs.
<marquee behavior="scroll" scrollamount="9" direction="left">
<a href="URL"><img src="link_de_imagem"></a>
<a href="URL"><img src="link_de_imagem"></a>
</marquee>
Se este artigo foi útil para você, deixe seu comentário, ajuda muito a manter as coisas funcionando aqui.