Jquery пульсирует из различных цветов

Question

Я хочу пульсировать от белого до другого цвета, но я не уверен, как добавить цвета к этому коду

<script> 
    $(document).ready(function() { 
    $("#white36").click(function() { 
      $('#book').effect("pulsate", { times:3000 }, 500); 
    }); 
    }); 

    </script> 

Answer 1

пульсировать изменяет только де непрозрачность элемента, а не цвета. Вы можете поместить элемент с белым фоном под своим элементом, чтобы получить то, что вы хотите.

Как: <div style="background:#ffffff;"><div id="my_elem" style="#006600"></div></div>

Answer 2

вы могли бы воссоздать пульсирующий эффект, который вы хотите, используя анимацию таким образом:

$(document).ready(function() { 
    $('#white36').click(function() { 
     $('#book').animate({ 
     background-color: 'red', 
     }, 300).animate({ 
     background-color: 'white', 
     }, 300).animate({ 
     background-color: 'red', 
     }, 300); 
    }); 
}); 

Answer 3

некоторые идеи:

$(document).ready(function() { 
    $("#white36").click(function() { 
    $("#book").animate({ 
     width: "50%", 
     opacity: 0.3, 
     fontSize: "3em", 
     borderWidth: "10px", 
     color: "black", 
     backgroundColor: "green" 
    }, 1500); 
    }); 
}); 

редактировать: просто пытался бежать приведенный выше код, и он не работал, когда был задан фоновый цвет. Если бы я запускал его без этого параметра, он работал нормально. Предполагаю, что это глючит, как я попытался с обоих «цвет фона» и «BackgroundColor»

Answer 4

Вы будете нуждаться в этот плагин для анимации цвета с 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); 
    }); 
});