Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wertycs

Rolagem de Texto Automática

Recommended Posts

Pessoal, seguinte.

 

Precisava colocar em um site um campo cujo texto ficaria rolando e ao passar o mouse o texto parasse. Consegui com marquee conforme abaixo:

 

<marquee behavior="scroller" width="300" height="50" scrolldelay="2" scrollamount="2" direction="left" onmouseover="this.stop()" onmouseout="this.start()">Coloque aqui seu texto!!!</marquee>

 

O detalhe agora é fazer com que o texto só role se o texto for maior que o width="300", ou seja, esse texto é dinâmico, tem tamanhos variados, então só irá rolar se todo texto não couber todo nesse campo de tamanho 300, caso contrário o texto ficará paradão.

 

Conto com o apoio de vocês.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, esquece marquee ..

Creio que até da para integrar o jQuery + marquee, porém já era isso !

Procure algum framework, tipo jQuery puro.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendo que marquee já era, porém pesquisei bastante e não consegui achar nada do tipo que me atendesse dessa maneira.

 

Tens alguma sugestão?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bru_ce,

 

A ideia é bacana, mas não resolve devido ao tamanho da frase, ou seja, se o texto que será mostrado for maior que o campo, ele corta metade do texto no final, ficando impossível de ler toda frase.

 

_____________________________________________________________________________

 

beleza kara.

 

Esse segundo resolveu meu problema.

 

"isso também: http://forum.imaster...tamanho-da-div/"

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Que bom,

Senão você poderia criar um array com as frases,

Ai contaria quantos caracteres tem na frase e depois Faria algo com jQuery para o texto ir passando para a direita.

 

Coisa de se pensar um pouco !

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.