2012-07-09 11 views
7

Sperando che qualcuno possa darmi delle indicazioni. Sto cercando di aggiungere un effetto "pulsato" su un div dopo aver cliccato su un pulsante.jQuery pulsate effect

Il seguente script che ho scritto va bene e funziona, tuttavia preferirei che si alternasse tra i colori di sfondo anziché sbiadire completamente il div.

Sto usando l'effetto sbagliato? O c'è un modo di combinare un impulso e evidenziare forse?

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

Grazie

+0

id suggerire guardando attraverso questa domanda http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor –

risposta

15

È possibile utilizzare la funzione .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

Preferirei usare i gradienti CSS3 per il colore di sfondo, quale sarebbe il modo migliore di farlo? Cambiare lo sfondo Colore in CSS con tutte le mie regole colore O sarebbe più ordinato farlo tramite una classe di commutazione? –

+0

Non sono sicuro che sia possibile animare i gradienti: http://stackoverflow.com/q/3790273/1499781 e http://stackoverflow.com/q/5654510/1499781 –