1

Color Animation jQuery pluginを使用してサイトに追加したい機能にかなりこだわっています。達成しようとしているのは、特定の div の色を 3 秒ごとに切り替え、ユーザーがページをロードするたびにこれを行うことです。色も異なります。ロードは正常に機能しますが、アニメーションに関しては問題があります。私のコードは次のとおりです...

var colors = ["#00b6ad", "#fdbc5f", "#d91b5c", "#f1592a", "#8dc63f"];                
var rand = Math.floor(Math.random()*colors.length); 
var random_color = colors[rand];          
$('#slider-area').css("background-color", random_color);
setInterval(function(){
   $('#slider-area').animate({backgroundColor: random_color} 500);}
, 3000); ​

animate プロパティで変数を渡すことに関連している可能性があると思いました。背景色に自分の色を入れても問題ないからです

4

2 に答える 2

3

コードはまさにそれですか？random_colorコールバック関数で一度だけ選択していて、新しいものを選択していないためです。

于 2012-07-18T23:28:07.043 に答える
2

背景をアニメーション化するには、jQuery UI が「ちょうど」必要です。

jsBin のデモ例

var colors = ["#00b6ad", "#fdbc5f", "#d91b5c", "#f1592a", "#8dc63f"]; 

function generateColor(){
    var color = colors[ Math.floor(Math.random()*colors.length) ]; 
    $('#slider-area').stop().animate({backgroundColor: color}, 500);
}
generateColor();

setInterval(generateColor, 2000);
于 2012-07-19T01:44:52.167 に答える