Cita:
Iniciado por Dragoon_SC 
bueno si dices que quieres cambiarlo puedes intentar algo asi:
<script>
function cambiaColor(elemento)
{
elemento.style.backColor = "Red";
}
</script>
<ul>
<li id="li1" onmouseover="javascript
: cambiaColor(this)">Menu1</li>
<li id="li2">Menu2</li>
<li id="li3">Menu3</li>
</ul>
No me acuerdo muy bien de la sintaxis del style del javascript puedes buscarla y pues con eso cambiarias lo que quieres y podrias tner un onmouseout para restablecerlo y ya.
Espero y eso ayude
gracias, si va a ser mejor, me hice un poco lio con los css (no soy diseñador asik se lo basico) y al final era mas facil que todo esto:
Código PHP:
<div id="idMenu" class="MenuFlotante" style="display:none">
<ul onmouseout="javascript:$('idMenu').style.display='none';">
<li class="MenuFlotanteNormal" onclick="fncFinalizarCarga();" onmouseover="this.className='MenuFlotanteSeleccionado';" onmouseout="this.className='MenuFlotanteNormal';">
Finalizar Carga
</li>
<li class="MenuFlotanteNormal" onclick="fncEliminarCarga();" onmouseover="this.className='MenuFlotanteSeleccionado';" onmouseout="this.className='MenuFlotanteNormal';">
Eliminar Carga
</li>
</ul>
</div>
Código PHP:
.MenuFlotante {
position: absolute;
border-color: #ffffff;
background-color: #ffffff;
}
.MenuFlotanteNormal{
width:120px;
height:20px;
background-color: #5e5e8b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
border-color: #ffffff;
}
.MenuFlotanteSeleccionado{
width:120px;
height:20px;
background-color: #e0dde5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
border-color: #ffffff;
cursor: pointer;
}
Ahora tengo un problema con el evento
onmouseout. Da igual si se lo pongo al div o se lo pongo al ul.
La cuestion esq al mover el raton de un li al otro li, como hay un borde un pixel en blanco entre medias, me oculta el menu.
Alguna opcion para que no ocurra esto???