Ir para conteúdo

POWERED BY:

Arquivado

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

fla-maiden

Um menu em FireFox

Por , em Javascript

Recommended Posts

fla-maiden    0

fla-maiden
Postado

Salve galera!Eu peguei esse código abaixo há muito tempo e nem me lembro onde. Ele não funciona em FireFox, mas me atende bem. Alguém saberia como faze-lo funcionar em FF?

<body><script LANGUAGE="Javascript"><!--function mOvr(src) {  if (!src.contains(event.fromElement)) {     src.style.cursor = 'hand';     src.bgColor = '#555555';  }}function mOut(src,clrIn) {   if (!src.contains(event.toElement)) {      src.style.cursor = 'default';      src.bgColor = '';   }}//--></script><TABLE cellSpacing=0 cellPadding=0 width=225 align=center border=0><TR height=12 >  <a href='opcao1.htm'>    <TD style='BORDER-TOP: #666666 1px solid'; onMouseOver='mOvr(this)'; onMouseOut="mOut(this,'')";>  Opcao1</TD></a></TR><TR height=12 >  <a href='opcao2.htm'>  <TD style='BORDER-TOP: #666666 1px solid;' onMouseOver='mOvr(this);' onMouseOut="mOut(this,'')">  Opcao2</TD></a></TR></table></body>

Agradeço quem puder me ajudar.flw.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Martinelli    0

Martinelli
Postado

A melhor forma de você ter um menu assim e que funciona do FF e no IE é trabalhando apenas com CSS... esquece o Javascript neste caso.

 

Dê uma olhada no código abaixo:

 

<html>
<head>
	<title> Nova Página </title>
	<style type="text/css">
		a{text-decoration:none;color:#555}
		a:hover{background-color:#555;color:#FFF;display:block}
		td {border-top: #666 1px solid;}
	</style>
</head>
<body>
	<table cellSpacing=0 cellPadding=0 width=225 align=center border=0>
		<tr height=12 >
			<td><a href="historia.asp?menu=iron">Opcao1</a></td>
		</tr>
		<tr height=12 >
			<td><a href='integrantes.asp?menu=iron'>Opcao2</a></td>
		</tr>
	</table>
</body>
</html>

 

MUUUUUUUITO MAIS FÁCIL E LEVE!!!

 

Espero que isto tenha te ajudado.

 

Martinelli http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

fla-maiden    0

fla-maiden
Postado

Opa, desculpa demora em agradecer, mas eu tava meio ocupado testando. Mas valeu mesmo, funcionou certinho, e inclusive achei uma forma de ficar melhor ainda, pra quem quiser:

.menuop ul { list-style-type: none; /*remove o marcador*/ margin: 0; /*remove o recuo IE e Opera*/ padding: 0; /*remove o recuo Mozilla e NN*/     FONT-SIZE: 10px;    COLOR: #CCCCCC;    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}.menuop a { display: block; padding: 1px 0 1px 8px; width: 180px;    COLOR: #CCCCCC; text-decoration: none; voice-family: "\"}\"";  /*Box Model Hack*/ voice-family:inherit; width:100%; /*width:125px;*/}.menuop a:hover { background-color:#555555;    COLOR: #CCCCCC; text-decoration: none;}.menuop a:active {     COLOR: #CCCCCC;}.menuop a:visited {     COLOR: #CCCCCC;}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito