Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diegosz

Menu deslizante na vertical

Recommended Posts

Galera,

agora minha dúvida é a seguinte:

Consigo um código igual a este mas que seja deslizante para a vertical.

 

**Minha intenção é a seguinte, substituir a barra de rolagem por um código semelhante a este.

 

Exemplo

 

Alguma idéia?

 

 

Valews...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,eis o codigo do exemplo, divirta-se:<html><body><head><style>body{overflow-x:hidden;overflow-y:scroll;}A {color:Blue; font-family: Verdana, Arial, sans-serif; font-size: 10pt} :link{text-decoration: underline} :visited{text-decoration: underline} :active{color: Red; text-decoration: none} :hover{text-decoration: none; background: Yellow}</style><FONT face=verdana size=3 color=black>Passe o mouse sobre a mão esquerda</FONT><script language="JavaScript1.2"><!--var goleftimage='maodireita.gif'var gorightimage='maoesquerda.gif'var menuwidth=300var scrollspeed=6var menucontents='<nobr><a href="http://www.klebom.hpg.com.br" target="_new">menu 1</a> | <a href="http://www.klebom.hpg.com.br" target="_new">menu 2</a> | <a href="http://www.klebom.hpg.com.br" target="_new">menu 3</a> | <a href="http://www.klebom.hpg.com.br">menu 4</a> | <a href="http://www.klebom.hpg.com.br">menu 5</a> | <a href="http://www.klebom.hpg.com.br" target="_new">menu 6</a> | <a href="http://www.klebom.hpg.com.br" target="_new">menu 7</a></nobr>'var actualwidth=''var ns_scrollfunction fillup(){if (document.all){test2.innerHTML=menucontentsactualwidth=test2.offsetWidth}else if (document.layers){ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2ns_scroll.document.write(menucontents)ns_scroll.document.close()actualwidth=ns_scroll.document.width}}window.onload=fillupfunction moveleft(){if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))test2.style.pixelLeft-=scrollspeedelse if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))ns_scroll.left-=scrollspeedlefttime=setTimeout("moveleft()",50)}function moveright(){if (document.all&&test2.style.pixelLeft<0)test2.style.pixelLeft+=scrollspeedelse if (document.layers&&ns_scroll.left<0)ns_scroll.left+=scrollspeedrighttime=setTimeout("moveright()",50)}if (document.all||document.layers){with (document){write('<table border="0" cellspacing="0" cellpadding="0">')write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=30></a> </td>')write('<td valign="top">')if (document.all){write('<span style="position:relative;width:'+menuwidth+';">')write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')write('<span id="test2" style="position:absolute;left:0;top:0">')write('</span></span></span>')}else if (document.layers){write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')}write('</td>')write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')write('<img src="'+gorightimage+'" border=0 width=30></a>')write('</td></table>')}}//--></script></BODY></HTML>[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.