proteggere Postado Julho 28, 2005 Denunciar Share Postado Julho 28, 2005 Alguém pode me passar um código que seja pequeno para...um menu vertical, que abra mais opções quando passar o mouse por cima.ex.homecontatocontato 1contato 2Quando passar o mouse por cime de "contato" quero que aparecem "contato 1" e "contato 2".Entenderam??? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 D31v1d1 Postado Julho 28, 2005 Denunciar Share Postado Julho 28, 2005 <script LANGUAGE="JavaScript"> <!-- Begin var refer=true; function combo() { if (refer) { document.all.contents.style.visibility="visible"; refer=false; } else { document.all.contents.style.visibility="hidden"; refer=true; } } // End --> </script> <body> </HEAD> <body bgcolor="101820" text="80E9E2" link="80E9E2" vlink="80E9E2" alink="80E9E2"> <table align="center"> <tr><td> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820"> <font face="verdana" size="1" color="#80E9E2">Contato</font> </td> <td align="right" width="21"> <img src="menu.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td> </tr> </table> <div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden"> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820"> <font face="verdana" size="1" color="#80E9E2"> <a href="contato1.html" target="_blank">Contato 1</a><br> <a href="contato2.html" target="_blank">Contato 2</a><br> </td> </tr> </table> </td></tr> </table> </body> ve se te serve Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 proteggere Postado Julho 28, 2005 Autor Denunciar Share Postado Julho 28, 2005 NÃO.QUERO UM QUE ABRA AO PASSAR DO MOUSE Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 D31v1d1 Postado Julho 28, 2005 Denunciar Share Postado Julho 28, 2005 <html> <head> <script language="JavaScript1.2"> function move(x) { if (document.all) { object1.style.pixelLeft += x; object1.style.visibility = "visible"} else if (document.layers) { document.object1.left += x; document.object1.visibility = "show"}}; function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+20} else {eval(document.object1.top=eval(window.pageYOffset+20));} setTimeout("makeStatic()",0);} </script> <style> <!-- .hl { Background-Color : cccccc; Cursor:hand; } .n { Cursor:hand; } --> </style> </head> <body> <LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)"> <script language="JavaScript1.2"> function positionmenu(){ move(-132) } if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute;Left : 0px;Top : 20px;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')} </script> <table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000"> <tr> <td bgcolor="#101820"> <font size="1" face="verdana" color="#80E9E2"><b>Menu</b></font></td> <script language="JavaScript1.2"> document.write('<td align="center" rowspan="100" width="16" bgcolor="#101820"><span style="font-size:13px"><p align="center"><font face="verdana" size="1" color="#80E9E2">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>') </script> </tr> <script language="JavaScript1.2"><!-- if (document.all||document.layers) { makeStatic();} var text=new Array(); var thelink=new Array(); text[0]="Dynamic Drive"; text[1]="What\'s New?"; text[2]="What\'s Hot?"; text[3]="Message Forum"; text[4]="Frequenty "; text[5]="Submit Script"; text[6]="Link to us"; text[7]="Email us"; thelink[0]="http://dynamicdrive.com"; thelink[1]="http://dynamicdrive.com/new.htm"; thelink[2]="http://dynamicdrive.com/hot.htm"; thelink[3]="http://wsabstract.com/cgi-bin/Ultimate.cgi"; thelink[4]="http://dynamicdrive.com/faqs.htm"; thelink[5]="http://dynamicdrive.com/submitscript.htm"; thelink[6]="http://dynamicdrive.com/link.htm"; thelink[7]="mailto:dynamicdrive@yahoo.com"; var linktarget='' function navigateie(which){ if (linktarget=='') window.location=thelink[which] else if (linktarget=='new') window.open(thelink[which]) else{ temp_var=eval("window.parent."+linktarget) temp_var.location=thelink[which] } } for (i=0;i<=text.length-1;i++) if (document.all) {document.write('<TR><TD height=20 bgcolor=ffffff onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=1 FACE=verdana> '+text[i]+'</FONT></TD></TR>')} else {document.write('<TR><TD bgcolor="ffffff"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'blue\'" onmouseout="this.bgColor=\'80E9E2\'" width=131><FONT SIZE=1 FACE=verdana> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')} //--> </script> <tr> <td bgcolor="#101820"></td> </tr> </table> <script language="JavaScript1.2"> if (document.all) {document.write('</DIV>')} window.onload=positionmenu </script> </LAYER> </body> </html> este não fui eu que, é como o movimento do mouse bem interessante mais abre na horizontal mais pode ser que lhe sirva sei lá estou tentando ajudar apenasse esse não servir de uma olhada aqui no portal quam sabe voce acha Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 D31v1d1 Postado Julho 28, 2005 Denunciar Share Postado Julho 28, 2005 <script LANGUAGE="JavaScript"> <!-- Begin var refer=true; function combo() { if (refer) { document.all.contents.style.visibility="visible"; refer=false; } else { document.all.contents.style.visibility="hidden"; refer=true; } } // End --> </script> <body> </HEAD> <body bgcolor="101820" text="80E9E2" link="80E9E2" vlink="80E9E2" alink="80E9E2"> <table align="center"> <tr><td> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820"> <font face="verdana" size="1" color="#80E9E2">Contato</font> </td> <td align="right" width="21"> <img src="menu.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onmouseover="combo()" ></td> </tr> </table> <div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden"> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820"> <font face="verdana" size="1" color="#80E9E2"> <a href="contato1.html" target="_blank">Contato 1</a><br> <a href="contato2.html" target="_blank">Contato 2</a><br> </td> </tr> </table> </td></tr> </table> </body> ve se assim esta melhor o 1º codigo que te passei arrumei para quando passar o mouse Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 D31v1d1 Postado Julho 28, 2005 Denunciar Share Postado Julho 28, 2005 <html> <title>agabe</title> <head> <script LANGUAGE="JavaScript"> <!-- Begin var refer=true; function combo() { if (refer) { document.all.contents.style.visibility="visible"; refer=false; } else { document.all.contents.style.visibility="hidden"; refer=true; } } // End --> </script> <STYLE> <!-- A:link {text-decoration:none;} A:visited {text-decoration:none;} A:hover {text-decoration:underline;} --> </STYLE> <style> BODY {SCROLLBAR-FACE-COLOR: #101820; SCROLLBAR-HIGHLIGHT-COLOR: #101820; SCROLLBAR-SHADOW-COLOR: #101820; SCROLLBAR-3DLIGHT-COLOR: #101820; SCROLLBAR-ARROW-COLOR: #dadbdd; SCROLLBAR-TRACK-COLOR: #101820; SCROLLBAR-DARKSHADOW-COLOR: #101820} </style> </HEAD> <body bgcolor="101820" text="80E9E2" link="80E9E2" vlink="80E9E2" alink="80E9E2"> <table align="center"> <tr><td> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820" align="right" width="21" onmouseover="combo()"> <font face="verdana" size="1" color="#80E9E2">Utilitarios</font> </td> </tr> </table> <div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden"> <table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#101820"> <tr> <td bgcolor="101820"> <font face="verdana" size="1" color="#80E9E2"> <a href="http://javascript.internet.com" target="_blank">Cheating-Deat 4.31.0</a><br> <a href="http://www.wdvl.com/" target="_blank">Half-Logo Creator</a><br> <a href="http://webhost.thelist.com/" target="_blank">modcs - 1.6</a><br></font> </td> </tr> </table> </td></tr> </table> </body> </html> se quizer com o onmouseover no campo onde esta escrito não na imagen aqui ta o codigo espero ter ajudadoabs. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
proteggere
Alguém pode me passar um código que seja pequeno para...
um menu vertical, que abra mais opções quando passar o mouse por cima.
ex.
home
contato
contato 1
contato 2
Quando passar o mouse por cime de "contato" quero que aparecem "contato 1" e "contato 2".
Entenderam???
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.