2012-07-09 17 views
7

Esperando que alguien me pueda dar algunos consejos. Estoy tratando de agregar un efecto 'pulsar' a un div después de hacer clic en un botón.jQuery pulsate effect

La siguiente secuencia de comandos que he escrito está bien y funciona, sin embargo, idealmente me gustaría alternar entre colores de fondo en lugar de desvanecer por completo el div.

¿Estoy utilizando el efecto incorrecto? ¿O hay una manera de combinar un pulso y resaltar quizás?

$(document).ready(function() { 
    $("li#emailSellerLink a").click(function(){ 
     $("#contactColumn").effect("pulsate", {times:3}, 5000); 
    }); 
}); 

Gracias

+0

Identificación sugeriría mirar a través de esta pregunta http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor –

Respuesta

15

Puede utilizar la función .animate() - http://jsfiddle.net/Fe8Jy/

$("a").click(function(e) { 
    e.preventDefault(); 
    for (var i = 0; i < 3; i++) { 
     $("#contactColumn") 
      .animate({ backgroundColor: "#f00" }, 2000) 
      .animate({ backgroundColor: "transparent" }, 2000); 
    } 
}); 
+0

Idealmente, me gustaría usar degradados CSS3 para el color de fondo, ¿cuál sería la mejor manera de hacerlo? Cambiar el backgroundColor a CSS con todas mis reglas de color O ¿Sería mejor hacerlo a través de una clase de alternar? –

+0

No estoy seguro de que pueda animar gradientes: http://stackoverflow.com/q/3790273/1499781 y http://stackoverflow.com/q/5654510/1499781 –

Cuestiones relacionadas