Danilo Trindade - Javascript, Php e o que der na telha…

Fazendo um scroll personalizado e simples

04/09/2008 - 11:28

Olá,

Já me pediram várias vezes algum script simples para fazer um scroll, então finalmente fiz uma classe para atender esta necessidade.

Fiz uma classe básica, mas vai ajudar quem gostaria de fazer um scroll personalizado e simples.

Segue a implementação:

Baixe o pacote Rolagem.zip

Crie o objeto ‘Rolagem’ passando como parâmetro o nome do objeto onde terá o scroll, exemplo:

<script type="text/javascript">
    rolagem = new Rolagem();
    rolagem.definirCaixaRolagem('STRING_ID_OBJETO' OU document.getElementById('OBJ'));
</script>

E na setas (para cima e para baixo) coloque as funções nos eventos ONMOUSEDOWN, ONMOUSEUP e ONMOUSEOUT como sugere abaixo, veja:

SUBIR TEXTO (Seta para baixo):

    <a href="javascript:;" onmousedown="rolagem.definirDirecao('cima'); rolagem.rolar();" onmouseup="rolagem.parar();" onmouseout="rolagem.parar();">SUBIR</a>

DESCER TEXTO (Seta para cima):

    <a href="javascript:;" onmousedown="rolagem.definirDirecao('baixo'); rolagem.rolar();" onmouseup="rolagem.parar();" onmouseout="rolagem.parar();">DESCER</a>

Bom… é isso!

Abs,

Chapoo

Autor: Chapolin - Categoria(s): Javascript, Orientação a objetos Tags: classes, objetos, Orientação a objetos, orientado, personalizado, programação, rolagem, scroll, tutorial