Menu elegante
JavaScript
Publicado el 8 de Julio del 2002 por Tecnicam (22 códigos)
40.575 visualizaciones desde el 8 de Julio del 2002
Menu vertical.
Iniciar sesiónCrear cuenta
Crear cuentaCrear cuenta(22)<!-- MENU ELEGANTE: --><html>
<head>
<style>
<!-- Begin
.BorderOn { width:90px;
margin-left:10px;
border:1px solid #FFFFFF }
.BorderOff { width:90px;
margin-left:0px;
border:1px solid #FFFFFF }
A.mBlue:link {color:#00CCFF; text-decoration:none;}
A.mBlue:visited {color:#00CCFF; text-decoration:none;}
A.mBlue:active {color:#00CCFF; text-decoration:none;}
A.mBlue:hover {color:#FFFFFF; text-decoration:underline;}
A.mGreen:link {color:#00FF80; text-decoration:none;}
A.mGreen:visited {color:#00FF80; text-decoration:none;}
A.mGreen:active {color:#00FF80; text-decoration:none;}
A.mGreen:hover {color:#FFFFFF; text-decoration:underline;}
A.mYellow:link {color:#FFFF00; text-decoration:none;}
A.mYellow:visited {color:#FFFF00; text-decoration:none;}
A.mYellow:active {color:#FFFF00; text-decoration:none;}
A.mYellow:hover {color:#FFFFFF; text-decoration:underline;}
//-->
</style>
<script language="JavaScript1.2">
<!-- Begin
offMessage = "Escoge un link del menú."
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
}
}
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
}
}
}
//End -->
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="100">
<tr>
<td align="center">
<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff">
<tr>
<td>
<font color="#FEDCBA" size="2" face="Arial">MENÚ</font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción del link 1')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://usuarios.lycos.es/arves" target="_blank">Link 1</a></font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción del link 2')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.lawebdelprogramador.com" target="_blank">Link 2</a></font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción del link 3')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://usuarios.lycos.es/tecnicam" target="_blank">Limk 3</a></font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Descripción del link 4')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.lawebdelprogramador.com" target="_blank">Link 4</a></font>
</td>
</tr>
</table>
<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90">
<tr>
<td>
<table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100">
<tr>
<td align="left" valign="top">
<font id="Message" color="#CBA987" size="2" face="Arial">Escoge un link del menú.</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body></html>
Comentarios sobre la versión: Versión 1 (22)
bueno es todo lo que quiero comentar.
pero si les sugiero que pongan la presentacion de los codigos que ponagn ok
Si no funciona con Mozilla para mi no vale