Boa parte dos designers conhecem o marquee, que nada mais é do que uma tag que faz o texto ficar animado
O código normal dele é:
Agora da para fazer coisas legais com ele, como fazer ele parar quando passar o mouse.
Dai o código dele que da poderes ao mouse para parar tal animação fica assim:
Tambem podemos limitar o tamanho da área que o texto percorre, no modo anterior ia até onde o template deixar.
Logo o código fica assim:
"Ahh mas isso ta muito rápido, alguns visitantes do meu site não vão poder ler direito".
Calma Calma não criemos pânico, nossos amigos scrolldelay e scrollamount resolvem isso:
Agora ficou menos rápido e mais suave, está ótimo, então nosso marquee ficou assim:
Pronto, temos nosso marquee mais sofisticado. Você pode fazer as alterações a seu gosto.
O código normal dele é:
<marquee>texto aqui</marquee>Agora da para fazer coisas legais com ele, como fazer ele parar quando passar o mouse.
Dai o código dele que da poderes ao mouse para parar tal animação fica assim:
<marquee onmouseover="this.stop()" onmouseout="this.start()">Texto Aqui </marquee>Tambem podemos limitar o tamanho da área que o texto percorre, no modo anterior ia até onde o template deixar.
Logo o código fica assim:
<marquee width="264px" onmouseover="this.stop()" onmouseout="this.start()">Texto Aqui </marquee>"Ahh mas isso ta muito rápido, alguns visitantes do meu site não vão poder ler direito".
Calma Calma não criemos pânico, nossos amigos scrolldelay e scrollamount resolvem isso:
Agora ficou menos rápido e mais suave, está ótimo, então nosso marquee ficou assim:
<marquee width="264px" scrolldelay="50" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">Texto Aqui </marquee> Pronto, temos nosso marquee mais sofisticado. Você pode fazer as alterações a seu gosto.
