Barra De Rolagem

[Bruno-182]

fala galara, gostaria de saber como faço uma barra de rolagem como a do site da claro. Quando passo o mause ou quando dou um click emcima da seta o texto baixa ou sobe.

valeu

www.claro.com.br

[grsitonio]

tava analizando o script que faz essa função e digo, é fantastico...simples, prático e funcional...o único porem é que não testei no Netscape (infelizmente não tive tempo de instala)

spara esclarecer...o script faz um onmouseup, onmousedown e onmouseout em um iframe.

vale apena experimenta...experimenta, experimenta, experimenta...

hoho...menos Gabriel...sem merchandizing

segue o script...

entre as HEADs

<script language=JavaScript1.2>

<!--

var myTime;

var myActive;

myActive = 1;

function scrollUp(){

layertexto.window.scrollBy(0,-2);

myTime = setTimeout('scrollUp()', 5);

}

function scrollDown(){

layertexto.window.scrollBy(0,2);

myTime = setTimeout('scrollDown()', 5);

}

//-->

</SCRIPT>

entre os BODYs

<TABLE>

<TBODY>

<TR>

<TD>&nbsp; </TD>

<TD width=20>&nbsp;</TD>

<TD><IFRAME name=layertexto

src="SitedaClaro_arquivos/layer_a_claro.htm"

frameBorder=0 width=300 scrolling=no

height=110></IFRAME></TD>

<TD><IMG height=138

src="SitedaClaro_arquivos/scroll_pre.gif" width=22

useMap=#SetaDownMap border=0></TD>

</TR>

</TBODY>

</TABLE>

<MAP

id=SetaDown2 name=SetaDownMap>

<AREA onmouseup=clearTimeout(myTime)

onmousedown=scrollUp() onmouseout=clearTimeout(myTime) shape=RECT

coords=2,2,20,20 href="javascript://">

<AREA onmouseup=clearTimeout(myTime)

onmousedown=scrollDown() onmouseout=clearTimeout(myTime) shape=RECT

coords=2,117,21,136 href="javascript://">

</MAP>

rs*

[grsitonio]

uma coisa que não mencionei...pelo que percebi...a rolagem no iframe só acontece se a página (do iframe) estiver no mesmo servidor...

se não nada feito...testei com outras urls que não estavam em meu computador e não teve jeito...nada de rolagem

[Black Dragon]

Eu acho que o cara só usou um CSS simples!

É apenas um código para deixar a barra de rolagem colorida, ela já faz isso automáticamente:

Aqui esta um exemplo:

<STYLE type="text/css">

<!--

BODY {

scrollbar-face-color:#FFFFFF;

scrollbar-highlight-color:#FFFFFF;

scrollbar-3dlight-color:#C0C0C0;

scrollbar-darkshadow-color:#FFFFFF;

scrollbar-shadow-color:#C0C0C0;

scrollbar-arrow-color:#C0C0C0;

scrollbar-track-color:#FFFFFF;

}

-->

</STYLE>

Tipow, a unica barra de rolagem que eu vi é a do navegador, funcionando apenas quando clica!

[Bruno-182]

esse site usa um tipo de barra de rolagem parecida.

www.angryblue.com/downloads.shtml

pelo q eu vi foi feito de outra maneira. Axo q com camadas.

falow

[grsitonio]

Eu acho que o cara só usou um CSS simples!

É apenas um código para deixar a barra de rolagem colorida, ela já faz isso automáticamente:

Caro Black Dragon o que nosso colega Bruno-182 está se referindo éoutra rolagem...a qual eu mencionei...

entre no site da Claro www.claro.com.br ... veja o mapa do Brazil ... acima tem duas setas em um círculo cada ... essas setas se você clicar ela faz a rolagem no texto referente...

rs*

[Black Dragon]

entre no site da Claro www.claro.com.br ... veja o mapa do Brazil ... acima tem duas setas em um círculo cada ... essas setas se você clicar ela faz a rolagem no texto referente...

rs*

Putz, que vacilo o meu!

TDevo ter tomado umas.. hueuheuheuhe

Aew, vi o Script!

E tenho que admitir! Como você falou, tem que Experimentar!

O segundo site, foi uma mistura de Layers! Tow dando uma olhada no código! Se eu desembaralhar tudo e puser numa maneira mais simples, eu posto aqui!

[Bruno-182]

Fala galera, eu vi em um site uma extenção pro dreamweaver que parece

q faz isso. só q eu não consegui fazer o download o nome acho q é

eZeeScroller se alguém conseguir coloca o link ae!

faloww!!

[Deividy]

tem algumas instenções ai no tópico suspenço de uma olhada tem uma que faz isso que você quer.

[Black Dragon]

Fala galera, eu vi em um site uma extenção pro dreamweaver que parece

q faz isso. só q eu não consegui fazer o download o nome acho q é

eZeeScroller se alguém conseguir coloca o link ae!

faloww!!

haha, nem pensar!

A extenção é paga! COlocar o link dela aki é a mesma coisa que colocar um serial do Dreamweaver Mx.....

[Thuran]

gostei desse script!

...bem q ele podia ser inserido na seção de scripts

[Deividy]

Concordo plenamente.

Já estou colocando..!