2009-04-27 26 views
64

El método de resaltado de jQuery resaltará cualquier div con un fondo amarillo.Cambiar color de resaltado

¿Cómo especifico qué color usar en lugar de amarillo para resaltar?

Respuesta

127

De acuerdo con la documentation:

$(this).effect("highlight", {color: 'blue'}, 3000); 
+0

preguntándome, ¿cómo destacaría solo el texto, no el fondo? – think123

+1

El ejemplo dado en esta respuesta es muy fácil de entender, a diferencia de la documentación en la página vinculada anteriormente que es para el efecto "resaltar" y es muy escasa. Para obtener más detalles sobre .effect(), consulte esta página: http://api.jqueryui.com/effect/. –

18
$("div").click(function() { 
    $(this).effect("highlight", { color: "#ff0000" }, 3000); 
}); 

pondrá de relieve en rojo. Todo está en el documentation.

+1

color = dará un error de sintaxis. la notación es la clave: 'valor' –

+0

lo siento, estaba demasiado agotado en tipos de C# anónimos en mi cabeza ...;) editado! –

+3

aplausos chicos. Estaba buscando en la documentación jqueryui que no es tan detallada como la documentación de jquery – Hady

3

Fwiw encontré que IE8 daría un error en jQuery 1.7.2 usando effect("highlight",...) cuando el color actual del elemento se especifica como texto o cuando el color de resalte se especificó como texto (es decir "blue") en lugar de en notación hexadecimal: "#ff0000".

+0

. Es bueno saber eso. ¡Gracias! –

1
 $('.divID').live('mouseover mouseout', function (event) { 
     if (event.type == 'mouseover') { 
      // do something on mouseover 
      $(this).css({ "background-color": YOURCOLOR, "opacity": ".50" }); 

     } 
     else { 
      // do something on mouseout 
      $(this).css("opacity", "100"); 

     } 
     }); 

Esto dará el bonito efecto de desplazamiento con apariencia de opacidad.

Cuestiones relacionadas