Como fazer texto em movimento em HTML

Tutoriais HTML

Tutorial ensinando como criar textos em movimento em seu site.


Etiqueta Letreiro: <marquee> </marquee> Se que que o seu texto se mova dentro do ecrã, utilize esta etiqueta. A etiqueta usada é “marquee“. Código de Exemplo:

<marquee> Este texto irá movimentar-se </marquee>

O texto dentro das etiquetas irá movimentar-se horizontalmente. A etiqueta letreiro tem muitos atributos, vamos revê-los um a um. Atributo bgcolor: Isto define a cor de fundo para o caminho do texto do letreiro. Código de Exemplo:

<marquee bgcolor=orange>Texto em Movimento</marquee>

Atributo height,width: O atributo width define a largura da area do letreiro O atributo height define a altura da area do letreiro Código de Exemplo: 

<marquee bgcolor=orange width=100 height=20> Texto em Movimento </marquee>

Atributo direction: Isto define a cor de fundo do caminho do texto do letreiro. Aceita valores LEFT (esquerda) ou RIGHT (direita) ou UP (cima) ou DOWN (baixo) Código de Exemplo: 

<marquee bgcolor=orange width=100 height=20 direction=right> O texto irá movimentar-se </marquee>

 

  • Daniel

    obrigaddo, estou começando a trabalhar com html e isso é uma grande ajuda.

  • Mauricio Santos

    muito boa a dica valeu amigo

  • Parabéns pelo o conteúdo direto ao ponto, acabei de colocar esse efeito lá no meu blog de negócios http://www.robm21.com/ , com o texto novidades em breve… ficou como eu queria, muito obrigado.

    Um grande abração, e já add este post nos favoritos,rs Abração, Robson Araújo.

  • Junior

    Isto deixará o texto em azul.

  • Junior

    hhhh

  • Junior

    Este texto irá movimentar-

  • Junior

    . Este texto irá movimentar-se

  • Junior

    Este texto irá movimentar-se

  • Ótima postagem! Ajudou-me bastante.

  • COMO MUDAR O TAMANHO DA LETRA

    • Radio Lunda Norte Rln

      texto

      O tamanho será do seu critério.

  • COMO AUMENTO A FONTE

  • Alcides

    Acrescente SCROLLAMOUNT=50 para a velocidade
    Fica>
    <MARQUEE HEIGHT=30 WIDTH=300 DIRECTION=LEFT SCROLLAMOUNT=50>Este texto rola pela tela da direita para a esquerda.</MARQUEE>

  • ola, como diminuir a velocidade do letreiro? O que acrescento no html? obrigada

  • abc

    cara vc sabe o codigo pra colocar esse tipo de texto no programa virtual dj 7 pro?

  • dj michael hi-tech

    cara vc sabe o codigo pra colocar esse tipo de texto no programa virtual dj 7 pro?

    to tentando e ainda nao consegui. ele tambem usa arquivos html.

    se poder me ajudar eu agradeço…!