les dejo el codigo y el link donde lo saque aqui
Código:
lo q quiero hacer es tener en un archivo externo mi menu para no repetirlo en cada pagina.. se puede cone sto? En primer lugar diseñamos la clase de fondo de la Barra de Navegación: .toolsBarArea {background:#D4D0C8;border: 2px groove #F3EFE7;} A continuación tendremos las 3 clases de estilo para las celdas de la tabla de navegación para los 3 estados que estas pueden adoptar: .toolsBarOff {background:#D4D0C8;color:#000000;border: 2px outset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;} .toolsBarOn {background:#D4D0C8;color:#000000;border: 2px inset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;} .toolsBarOver {background:#F4F0E8;color:#000000;border: 2px inset #F3EFE7;font-weight: normal;font-size: 10px;text-align: center;padding: 1px 3px;font-family: arial,helvetica,sans-serif;} Y la función Javascript que realiza el rollover sobre las celdas de la tabla de navegación (y además lanza la página enlazada) es: var pulsada=new Array(); function toolsBar(id,classe,ev) { if (ev==0) { if(pulsada[0]!=id) document.getElementById(id).className=classe; } else if(ev==1) { if(pulsada[0]!=id) document.getElementById(id).className=classe; } else { if(pulsada[0]!=id&&pulsada!='') document.getElementById(pulsada[0]).className=pulsada[1]; pulsada[0]=id; pulsada[1]='toolsBarOff'; document.getElementById(id).className=classe; } } Que es el mismo código que el mostrado en el caso 4.1 Barra de Opciones con Rollover. Esta función nos permite, además del rollover de celdas, "recordar" cual fue la última opción pulsada, e inhibir para esta la funcionalidad de rollover. Finalmente, el código HTML para cada celda es: <td class="toolsBarOff" id="6" title="Shareware & Freeware" onMouseOver="toolsBar(6,'toolsBarOn',1)" onMouseOut="toolsBar(6,'toolsBarOff',0)" onClick="toolsBar(6,'toolsBarOver',2);Launch('#shareware')"> Shareware & Freeware</td>