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

Notícias (Rolagem automatica)


Vagner Nunes

Pergunta

Prezados,

Boa tarde. Preciso da ajuda dos senhores.

Tenho aqui uma página onde mostra todas as notícias cadastradas, notícias qual estão cadastradas em um banco, até aí tudo bem. Gostaria de saber como faço para inserir um efeito onde essas notícias fique em movimento mostrando em duas a duas todas as notícias cadastrada no banco, e quando passar o curso de uma notícia a relação parar de se mover.

Como posso fazer este efeito?

Sds,

Vagner Nunes

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Fiz uma função aqui que você pode utilizar. O Javascript fica assim:

function elementsByClass(classe) {
    var e = document.getElementsByTagName("*")
    var r = []

    for (var i = 0; i < e.length; i++) {
        var aux = false
        var classes = e[i].className.split(" ")
        for (var x = 0; x < classes.length; x++) {
            if(classes[x]==classe){ 
                aux=true
                break
            }
        }
        if(aux){
            r[r.length]=e[i]
        }
    }
    return r;
}
onload = function () {
    //Função de scroll
    var scroll_move = true
    var scroll = function () {
        if(scroll_move) scrollBy(0,1)
    }
    //Elements
    var elements = elementsByClass("noticia")
    for (var i = 0; i < elements.length; i++) {
        //onmouseover/out
        elements[i].onmouseover = function () {
            scroll_move = false
        }
        elements[i].onmouseout = function () {
            scroll_move = true
        }
    }
    //Chama a função de scroll a cada 50ms
    setInterval(scroll, 50)
}
E o HTML fica mais ou menos assim:
<div class="noticia">
    noticia 1<br />
</div>
<div class="noticia">
    noticia 2<br />
</div>
<div class="noticia">
    noticia 3<br />
</div>

Poste aí se funcionou ou não.

Link para o comentário
Compartilhar em outros sites

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,6k
×
×
  • Criar Novo...