Te explico, para lo que quieres hacer, puedes usar lo siguiente:
Se supone que cuando estas posicionado en un menu, por ejemplo, productos
dentro de la pagina productos debes agregar algo como esto:
Código Javascript :
<script type="text/javascript">
$(document).ready(function(){
cambiarcolormenu('productos');
});
</script>
y la función cambiarcolormenu:
Código Javascript :
function cambiarcolormenu(menu){
$('#'+menu).css({
'background-color':'red'
//aqui todos los estilos
});
}
para lo anterior, debes ponerle un id, a cada li del menu (por ejemplo si trabajaras con listas )
ahora, el codigo anterior es con jquery, si quisieras hacerlo con javascript puro
Código Javascript :
<script type="text/javascript">
window.onload=cambiarcolormenu('productos');
</script>
y cambiarcolormenu:
Código Javascript :
function cambiarcolormenu(menu){
document.getElementById(menu).style.backgroundColor='red';
}
Debería ser lo mismo, espero haber sido de ayuda
Saludos