Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/10/2011, 10:00
kenproxd
 
Fecha de Ingreso: agosto-2009
Mensajes: 349
Antigüedad: 15 años, 7 meses
Puntos: 8
Problema con "mouseover"

Hola,

tengo el siguiente problema: estoy haciendo un menú como el de la imagen:



lo que busco es que al hacer hover en inicio los slash 1 y 2 también cambien de color (como se muestra en la imagen). También que al hacer hover en portafolios cambien de color los slash 2 y 3. He intentado hacerlo con css pero al parecer es imposible, así que opté por trabajarlo con js pero no funciona. Esto es lo que tengo hasta el momento:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("#inicio").mouseover(function() {
  4.      $("#sep1").css({'color':'#4ecbff',});
  5.      $("#sep2").css({'color':'#4ecbff',});
  6.    });
  7. });
  8. </script>
Código HTML:
Ver original
  1. <div id="sep1"> / </div><div id="inicio" onmouseover="mouseover()"> inicio </div><div id="sep2"> / </div>

Espero que puedan ayudarme