La Web del Programador: Comunidad de Programadores
 
    Pregunta:  22120 - MENU DEPLEGABLE CON LINK
Autor:  Antonio De La Osa
hola amigos, tengo que hacer un menu con varios apartados, y ún par de estos que sean deplegables. El código ya lo tengo, pero solo es para que se despliegue, alguien me podría decir como hacer para que el segundo apartado no lo haga y tenga un link? Gracias.

Saludos, Antonio.

<param name="menu0" value="Doc. Técnica|*|Dentro de la misma D.O.,Rendimientos,Transfer,Viñas en pie|u0,u1,u2,u3">
<param name="u0" value="mainW|http://www.derechosplantacion.com/index3a.htm">
<param name="u1" value="mainW|http://www.derechosplantacion.com/index3d.htm">
<param name="u2" value="mainW|http://www.derechosplantacion.com/index3b.htm">
<param name="u3" value="mainW|http://www.derechosplantacion.com/index3c.htm">

<param name="menu1" value="Doc. Técnica|*|Dentro de la misma D.O.,Rendimientos,Transfer,Viñas en pie|u0,u1,u2,u3">

  Respuesta:  tecniCam
Esto puede darte ideas y seguir con tu código:

<!-- 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>