Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17635
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Controle de barra de rolagem horizontal

01-10-2007 21:05

Esse é um script onde você pode oferecer um controle de sistema de barra de rolagem com o seu conteúdo.

Esse script, tem a opção de rolar horizontalmente para esquerda ou para direita o conteúdo (documento) de um iframe.

Veja abaixo o código
PARTE EM JAVASCRIPT

<script type="text/javascript"> valor = 0; valor2 = 10000; function rola_e(acao) { valor=valor+1; reacao = acao; if(acao=="para") { valor = valor; return false; } setTimeout("rola_e(reacao)", 1); window.frames['iframe'].scroll(valor,0); } function rola_d(acao) { valor=valor-1; reacao = acao; if(acao=="para") { valor = valor; return false; } setTimeout("rola_d(reacao)", 1); window.frames['iframe'].scroll(valor,0); } </script>


PARTE EM HTML
<center> <a href="#" onmouseover="rola_e('')" onmouseout=rola_e('para')>para esquerda</a> <a href="#" onmouseover="rola_d('')" onmouseout=rola_d('para')>para direita</a> <br clear="all"> <iframe src="conteudo.html" name="iframe"></iframe> </center>

Note que na parte em html tem um documento chamado conteudo.html, nele vai estar o conteúdo a ser rolado, se desejar, use o código abaixo para ser o conteúdo de conteudo.html

<div style="height:100px;width:1500px;"> TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO </div>

Pode ser substituído por banners, figuras, etc.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado