TAG marquee
Veja esse artigo em melhor design no Blog Acervo Ceará Cultural
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.
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>
Nenhum comentário :
Postar um comentário
Comentário, Pedido, Sugestão...