2

私の要件は、div を 3 色で動的にスタイルする必要があることです。このコードを適用してランダムな色でそれを行いました

function randomColors() {

var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 4; i++ ) {
    color += letters[Math.round(Math.random() * 15)];
}
return color;

}

3 色だけを繰り返す必要があり、それが動的にループします。どうやってやるの？

#09c5f9、#05f6d5、#a42cff の 3 色だけを動的に設定します。

for(i=1; i <= pmap; i++){
      $("#thumbnail"+i).css("background-color",randomColors());
}
4

2 に答える 2

2

その方法は2つ考えられます。

1）jQueryを使用している場合（そして私の意見では正しい方法です）、3つのクラスを宣言し、jQueryを使用してそれらを交換するのが最も簡単です。

CSS:

.teal{
    background-color: #09c5f9;
}
.emerald{
    background-color: #05f6d5;
}
.purple{
    background-color: #a42cff;
}

そしてJavaScript：

$("#some-element").removeClass("teal emerald").addClass("purple");
$("#some-element").removeClass("teal purple").addClass("emerald");
$("#some-element").removeClass("purple emerald").addClass("teal");

2) この方法ではベアメタル JS を使用し、元の投稿で使用したのと同じプログラミング スタイルも使用します。

var colors = ["#09c5f9", "#05f6d5", "#a42cff"];

function getColor(colorNumber){
    return colors[colorNumber];
}

お役に立てれば。

于 2013-09-10T06:29:01.947 に答える