Ir para conteúdo

POWERED BY:

Arquivado

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

fisicoloko

Menu em script

Recommended Posts

olá pessoalgostaria que me informassem o código de um menu em linguagem javascripto menu seria assimMenulink-- sub-link sub-linklink-- sub-link-- sub-sub-linkno estilo do da home page do Imasters, mas em java script..grato,Abraços e Sucesso.FiSico Loko

Compartilhar este post


Link para o post
Compartilhar em outros sites

se tiver paciência você pode adaptar esse:

 

<html><head>	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">	<meta http-equiv="pragma" content="no-cache">	<meta http-equiv="expires" content="0"><title>JavaScript - Menu Rápido</title><style type=text/css>	.texto{color=000000; font-family:verdana; font-size:11px;}	.link{color=006600; font-family:verdana; font-size:11px; text-decoration:none;}	.link:hover{color=CBEE53; font-family:verdana; font-size:11px; text-decoration:none;}	.posicao{cursor:hand; position:absolute;}</style><script language=javascript>	menus = new Array(0,"menu_01","menu_02","menu_03");	menu_01 = new Array(0,"opção 01","opção 02","opção 03","opção 04","opção 05");	links_01 = new Array(0,"about:blank","c:","about:blank","about:blank","about:blank");	menu_02 = new Array(0,"opção 01","opção 02","opção 03","opção 04","opção 05");	links_02 = new Array(0,"about:blank","about:blank","about:blank","about:blank","about:blank");	menu_03 = new Array(0,"opção 01","opção 02","opção 03","opção 04","opção 05");	links_03 = new Array(0,"about:blank","about:blank","about:blank","about:blank","about:blank");	direitas =  new Array(0,1,62,124);	qtds =  new Array(0,(menu_01.length-1),(menu_02.length-1),(menu_03.length-1));	function inicia(x){dif = 16; if(x==0){for(i=1;i<=(menus.length-1);i++){if(!document.all && document.getElementById){document.getElementById(menus[i]).style.top = -(dif*qtds[i]); document.getElementById(menus[i]).style.left = direitas[i];}else{document.all[menus[i]].style.top = -(dif*qtds[i]); document.all[menus[i]].style.left = direitas[i];}}}else{if(!document.all && document.getElementById){document.getElementById(menus[x]).style.top = -(dif*qtds[x]);}else{document.all[menus[x]].style.top = -(dif*qtds[x]);}}}	function mostra(x){dif = 13; if(!document.all && document.getElementById){document.getElementById(menus[x]).style.top = dif;}else{document.all[menus[x]].style.top = dif;}}	function centro(p,n,l,a,v1,v2,v3,v4,v5,v6,v7,v8,v9){var l = l; var a = a; var t = (screen.height/2)-(a/2); var d = (screen.width/2)-(l/2);window.open(p,n,'width='+l+',height='+a+',top='+t+',left='+d+',scrollbars='+v1+',menubar='+v2+',directories='+v3+',location='+v4+',copyhistory='+v5+',status='+v6+',toolbar='+v7+',maximized='+v8+',resizable='+v9+'');}</script></head><body bgcolor="CBEE53" text=000000 topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 onload="inicia(0);"><table border=0 cellspacing=0 cellpadding=0 class=texto><tr>	<td onmouseover="mostra(1);" onmouseout="inicia(1);"><a href=javascript:; class=link>MENU 01</a></td><td> · </td>	<td onmouseover="mostra(2);" onmouseout="inicia(2);"><a href=javascript:; class=link>MENU 02</a></td><td> · </td>	<td onmouseover="mostra(3);" onmouseout="inicia(3);"><a href=javascript:; class=link>MENU 03</a></td></tr></table><div name=menu_01 id=menu_01 class=posicao onmouseover="mostra(1);" onmouseout="inicia(1);"><table border=0 cellspacing=1 cellpadding=1 class=texto><script language=javascript>for(i=1;i<=(menu_01.length-1);i++){document.write("<tr bordercolor=6b8e23><td bgcolor=99cc32><a href=javascript:; onclick=centro('"+links_01[i]+"','rp_abre',350,250,'no','no','no','no','no','no','no','yes','no'); class=link>"+menu_01[i]+"</a></td></tr>");}</script></table></div><div name=menu_02 id=menu_02 class=posicao onmouseover="mostra(2);" onmouseout="inicia(2);"><table border=0 cellspacing=1 cellpadding=1 class=texto><script language=javascript>for(i=1;i<=(menu_02.length-1);i++){document.write("<tr><td bgcolor=99cc32><a href=javascript:; onclick=centro('"+links_02[i]+"','rp_abre',350,250,'no','no','no','no','no','no','no','yes','no'); class=link>"+menu_02[i]+"</a></td></tr>");}</script></table></div><div name=menu_03 id=menu_03 class=posicao onmouseover="mostra(3);" onmouseout="inicia(3);"><table border=0 cellspacing=1 cellpadding=1 class=texto><script language=javascript>for(i=1;i<=(menu_03.length-1);i++){document.write("<tr><td bgcolor=99cc32><a href=javascript:; onclick=centro('"+links_03[i]+"','rp_abre',350,250,'no','no','no','no','no','no','no','yes','no'); class=link>"+menu_03[i]+"</a></td></tr>");}</script></table></div></body></html>

 

ele exibe verticalmente..

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.