Texto Deslizante na Página do seu Site




TAG marquee

Das TAGs mais interessantes, e desconhecida para muitos, é de uma utilidade ímpar, que pode quebrar o galho de muito webmaster, quando solicitado pelo cliente.

Imagine que o cliente lhe contrata para criar um site de notícias e a primeira exigência dele, é que no topo da página tenha uma tarja onde a manchete da última notícia publicada deverá ficar passando da esquerda para a direita, para chamar a atenção do visitante.

Como você faria isso?

Bom, você vai levar um bom tempo procurando na internet, nos fóruns, testando soluções pagas, experimentando códigos JavaScript, jQuery, etc.

Porém, com apenas uma TAG você resolve o problema com elegância, rapidez e sem quebrar a cabeça entendendo como tudo funciona.

Basta copiar e colar o código abaixo no local da sua página onde deseja que o texto apareça:

<marquee behavior=”scroll” bgcolor=”#000000″ direction=”left” onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”4″>Texto que vai deslizar</marquee>

Parâmetros:
behavior=”scroll”
É o que indica que é para o texto andar
bgcolor=”#000000″
Indica a Cor do Fundo. No nosso caso, Preto.
direction=”left”
Indica a direção. No nosso caso, da direita para a esquerda.
onmouseover=”this.stop()”
Ação do Mouse. No nosso caso, ao posicionar o mouse sobre o texto a animação Para.
onmouseout=”this.start()”
Ação do Mouse. Ao retirar o mouse de cima do texto, ele Pára.

scrollamount=”4″
É a velocidade da animação.
 

Você pode colocar dentro de uma <DIV> com cores de fundo e texto estilizados ao gosto do cliente.

 

Veja como eu estilizei o exemplo para você ver.

Código da página demo:
<!DOCTYPE html>
<html>
<head>
<title>Página com Texto Deslizante</title>
</head>
<body>
<Div>
<marquee behavior=”scroll” bgcolor=”#000000″ direction=”left” onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”4″>
<h1><font color=”#FFFFFF”>Texto Deslizante na página que você pode usar paras diversas finalidades…</font></h1></marquee>
</Div>
</html>
</body>

 

Compartilhe com os amigosShare on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Pin on Pinterest
Pinterest

Uma resposta para “Texto Deslizante na Página do seu Site”

  1. Agradeço imensamente a todos que deixam comentários e elogios no blog. Peço porém a quem deseja alguma resposta mais rápida entrar em contato por e-mail usando a aba Contato, pois devido a quantidade de comentários nos diversos artigos do blog, muitas vezes pode demorar até que eu chegue ao seu comentário.
    Muito obrigado.

    Thank you so much to all who leave comments and compliments on the blog. But I would ask anyone who wants a quicker response to contact us by email using the Contact tab, because due to the amount of comments in the various articles in the blog, it can often take until I get to your comment.
    Thank you very much.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *