Comunidad de diseño web y desarrollo en internet online

problemas con una funcion

Citar            
MensajeEscrito el 16 Ago 2013 03:24 pm
Buen día a todos
tengo un pequeño inconveniente con un hover, tratare de ser mas claro, tengo 9 etiquetas div cada una con su id, quisiera que el al momento de colocar el mouse sobre alguno de esos div cambie su opacidad, les detallo el código que estoy utilizando

Código Javascript :

var x = $(document);
x.ready(iniciarEventos);

function iniciarEventos(){
   var i;
   
   for(n = 1;n<10;n++){
   i = $('#opcion'+n);
   i.hover(entraMouse(i),saleMouse(i));
   }
}

function entraMouse(i){
   var x = $(i);
   x.css("opacity",".7");
}

function saleMouse(){
   var x = $('#opcion1');
   x.css("opacity","1");
}  


también les comento que el nombre de id de cada DIV es opcion1, opcion2, opcion3... , pero no logro que al colocar el mouse sobre un div cambie su estado, de antemano muchas gracias por su tiempo

Atte.:
Mario

Por mario22121985

88 de clabLevel



 

msie
Citar            
MensajeEscrito el 16 Ago 2013 04:18 pm
Eso lo puedes hacer con CSS sin recurrir a JavaScript, simplemente ponle a una clase a todos los divs involucrados y en CSS...:

Código CSS :

.clase:hover {
  opacity: 0.7;
}


Ten en cuenta que opacity no funciona en IE8 y anteriores: http://caniuse.com/#search=opacity

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 20 Ago 2013 08:10 pm
gracias por tu tiempo, funciona a la perfección :)

Por mario22121985

88 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.