Ir para conteúdo
Fórum Script Brasil
  • 0

ROLAGEM DE TEXTOS COM VELOCIDADES DIFERENTES


ademir gomes ferraz

Pergunta

Senhores. Fiz um "teleprompt" para roda em minha página (tocar musica). Necessitava que, ao abrir a pagina, a primeira linha da musica pudesse aparecer na base da página. Usei um escript incompleto para a rolagem da pagina. Então postei aqui. Fui chamado a atenção, pertinamente, por Davi. Davi colocou o comando necessário. Mas há um novo problema: A página tem vários textos (texto1, texto2, texto3...textoN). Necessito que cada texto tenha sua própria velocidade. Tentei fazer o seguinte (não deu certo): criei outro arquivo.js testando com **dois textos**. Então, no scroll.js defini:

<pre>var scroll = function(element) { var scrolling = 0; var inc = 1; var wait =200; E no scroll2.js, defini: var scroll = function(element) { var scrolling = 0; var inc = 1; var wait =50;/* mudo a velocidade*/ Ocorre que os textos obedecem ao scroll.js. Ou seja: o scroll2.js não é chamado. Devo alertar que um colega meu, ainda que não seja o campo dele (segurança de rede), tentou e não conseguiu. E somente apontou o que vocês sabem mais do que eu: em programação "tudo' é possivel. /*global document, window, event */ var scroll = function(element) { var scrolling = 0; var inc = 1; var wait =200; var getYpos = function() { var ypos = element.offsetTop; var thisNode = element; while (thisNode.offsetParent && (thisNode.offsetParent != document.body)) { thisNode = thisNode.offsetParent; ypos += thisNode.offsetTop; } return ypos; }; var doScroll = function() { var y = parseInt(getYpos(),10); y=y-inc; y=y+"px"; element.style.top = y; scrolling = window.setTimeout(doScroll,wait); }; var toggleScrolling = function() { if (scrolling) { window.clearTimeout(scrolling); scrolling = null; } else { doScroll(); } }; element.onclick = toggleScrolling; var keys = function(key) { if (!key) { key = event; key.which = key.keyCode; switch (key.which) { case 221: // ] if (scrolling) { inc++; } break; case 219: // [ if (scrolling && inc>1) { inc--; } break; case 10: // return case 13: // enter toggleScrolling(); break; } return false; }; document.onkeyup = keys; }; var init = function() { if (document.getElementById && document.getElementById("speech")) { scroll(document.getElementById("speech")); } }; window.onload = init;</pre>

tela1_do_html.png

tela2_do_html.png

tela3_do_html.png

tela4_do_arquivo_configuracao.png

tela4_do_html.png

Editado por ademir gomes ferraz
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...