2012-07-09 18 views
7

Nadzieję, że ktoś może mi dać kilka wskazówek. Próbuję dodać efekt pulsowania na element div po kliknięciu przycisku.Efekt pulsu jQuery

Poniższy napis, który napisałem, jest w porządku i działa - jednak wolałbym, aby zmieniał kolory tła zamiast całkowicie znikać z elementu div.

Czy używam złego efektu? A może istnieje sposób na połączenie impulsu i podświetlenia?

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

Dzięki

+0

id sugerują pominie to pytanie http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor –

Odpowiedz

15

Można użyć funkcji .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

Idealnie chciałbym użyć gradientów CSS3 dla koloru tła, jaki byłby najlepszy sposób na zrobienie tego? Zmieniając backgroundColor na CSS ze wszystkimi moimi regułami koloru LUB czy byłoby to lepsze dzięki klasie przełączania? –

+0

Nie jestem pewien, czy możesz animować gradienty - http://stackoverflow.com/q/3790273/1499781 i http://stackoverflow.com/q/5654510/1499781 –

Powiązane problemy