jQuery的不同顏色

我想從白到搏動到另一種顏色跳動，但我不知道如何添加顏色，這種代碼jQuery的不同顏色

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

    </script>

來源

2013-03-06 user2097812

我查看您的個人資料，並詢問3次關於同一問題。我提出了這個問題。 – WooCaSh 2013-03-06 01:06:55

搏動只改變一個元素，而不是顏色的德透明度。你可以在元素下面放一個白色背景的元素來得到你想要的。

像： <div style="background:#ffffff;"><div id="my_elem" style="#006600"></div></div>

來源

2013-03-06 00:18:56 nimlhug

我真的希望它從白色到紅色脈動，所以我試圖找出是否使用「.animate」來改變顏色 – user2097812 2013-03-06 00:21:33

，你可以重新創建你想使用動畫這樣的脈衝效應：

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

來源

2013-03-06 00:34:38 Jake

，但脈衝不在該代碼中，因此它不會脈動 – user2097812 2013-03-06 00:43:54

上面的代碼有什麼問題並不是沒有'.effect（'pulsate''）這個事實，但是你不能創建背景顏色的動畫，我錯誤地認爲你可以實現這一點，你將需要使用$。顏色（）可以在這裏找到： https://github.com/jquery/jquery-color – Jake 2013-03-06 00:50:32

的一些想法：

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

編輯：只是想跑上面的代碼並且在指定背景顏色時不起作用。如果我沒有這個參數運行它，但它工作正常。猜猜它的馬車，因爲我試圖與這兩個「背景色」和「的backgroundColor」

來源

2013-03-06 00:38:58 Mackan

你將需要這個插件與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); 
    }); 
});

來源

2013-03-06 00:46:19 Fresheyeball

+1好答案。 – Jake 2013-03-06 00:54:41

jQuery的不同顏色

回答

相關問題