javascript - Jquery 脉动来自不同的颜色

Question

<分区>

Answer 1

你将需要这个插件来使用 jquery 动画颜色(它不是默认的): http://www.bitstorm.org/jquery/color-animation/

然后你可以这样做:

var pulsateInterval = null, i = 0;
$(document).ready(function() {
    $('#white36').click(function() {
      // set interval to pulsate every 1500ms
      pulsateInterval = setInterval(function(){
          // animate back and forth
          $('#book').animate({
             background-color: 'red',
          }, 500).animate({
             background-color: 'white',
          }, 500);
          i++;
          // stop at 3000 pulsations
          if(i == 3000){
              clearInterval(pulsateInterval);
          }
      }, 1500);
    });
});