2012-07-09 38 views
7

Hy vọng ai đó có thể cho tôi một số gợi ý. Tôi đang cố gắng thêm hiệu ứng 'pulsate' vào div sau khi nhấn nút.Hiệu ứng xung của jQuery

Kịch bản sau tôi đã viết là tốt và không hoạt động - tuy nhiên tôi lý tưởng như nó thay thế giữa các màu nền thay vì làm mờ hoàn toàn div.

Tôi có sử dụng hiệu ứng sai không? Hoặc là có một cách để kết hợp một xung và nổi bật có lẽ?

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

Cảm ơn

+0

id đề nghị xem xét thông qua câu hỏi này http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor –

Trả lời

15

Bạn có thể sử dụng chức năng .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

Tôi lý tưởng muốn sử dụng gradient CSS3 cho màu nền, cách tốt nhất để làm điều đó là gì? Thay đổi backgroundColor thành CSS với tất cả các quy tắc màu sắc của tôi HOẶC nó sẽ được neater để làm điều đó thông qua một lớp chuyển đổi? –

+0

Tôi không chắc chắn bạn có thể tạo hiệu ứng chuyển động cho gradient - http://stackoverflow.com/q/3790273/1499781 và http://stackoverflow.com/q/5654510/1499781 –

Các vấn đề liên quan