Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/06/2016, 10:25
Avatar de andresgarciadev
andresgarciadev
 
Fecha de Ingreso: junio-2013
Mensajes: 218
Antigüedad: 11 años, 4 meses
Puntos: 32
Respuesta: Aplicar CSS al hacer mouseenter

encerio ayudaria mucho si pusieras la estructura html para hayas una similitud entre ambos y saber como determinar cual es el unico q deberia ser afectado al hacer mauseenter
en caso "cuboTxt" se encuentre dentro del cubilete solo usa jQuery(this) y find
Código Javascript:
Ver original
  1. jQuery(document).ready(function(){
  2.     jQuery(".cubilete").mouseenter(function(event){
  3.         jQuery(this).find(".cuboTxt").css("background-color","#181A1C","color","#fff");
  4.         jQuery(this).find(".cuboTxt p").css("color","#fff");
  5.         jQuery(this).find(".feature_content i").css("top","-20px");
  6.     });
  7.     jQuery(".cubilete").mouseleave(function(event){
  8.         jQuery(this).find(".cuboTxt p").css("color","#000");
  9.         jQuery(this).find(".cuboTxt").css("background-color","#fff");
  10.         jQuery(this).find(".feature_content i").css("top","3px");
  11.     });
  12. });
y acorte un poco el codigo repetitivo... podria acortarse mas pero seria menos entendible asi q lo deje asi

en caso no se encuentre dentro se tendria q agregar una clase o atributo para diferenciar cada uno
pero para decirte exactamente como hacer eso si necesito el html