0

私はjavascriptが初めてなので、簡単に。

ユーザーが書き込めるようにしたいだけで<li> </li>、jqueryはリストの順序に応じて色を選択します。現時点では、ユーザーはclass="b"、またはを入力する必要がありますclass="c"。

色の配列を作成し、ある種のループを使用すると仮定するのは正しいですか?

私が達成したいことの視覚的な例: http://popmeup.org/about

4

4 に答える 4

2

CSS:nth-childセレクターを使用して、色の順序を指定できます。

li:nth-child(2n - 1) {
    color: red;
}

li:nth-child(2n) {
    color: blue;
}

上記の基本的な例では<li>、要素を赤から始めて赤と青で交互に色付けします。この jsFiddle demoを見てください。

于 2013-03-08T11:49:17.970 に答える
0

このフィドルのようなもの？

var colors = [ 'BlueViolet', 'CadetBlue', 'Coral', 'Crimson', 'DarkGoldenRod', 'DarkOliveGreen'],
    li = document.getElementById('colorthis').getElementsByTagName('li');

for(var i = 0; i < li.length; i++) {
    var elem = li[i],
        color = colors[0];
    elem.style.color = color;
    colors.push(color);
    colors.shift();
}

色のリストを定義し、各リスト要素のループスタイルを定義するだけです。使用すると、色がカラーリストに追加されるため、限られた色のリストで無制限の数の要素をスタイリングできます。

于 2013-03-08T12:08:33.587 に答える
-1

あなたはこのようにしたい：

$(".item").click(function() {  
  if ($(this).hasclass("A")) {
    coorColor = "blue";
  } else if ($(this).hasclass("B") {
    coorColor = "red";
  }

  $("body").css("background", coorColor);
});
于 2013-03-08T11:45:08.717 に答える
-1

CSSの場合：

li.a{
    color:#000000;
}

li.b{
    color:#ff00ff;
}

作業デモ： http： //jsfiddle.net/VJJnD/1/

幅jQuery：

$('li.a').css('color', '#000000');
$('li.b').css('color', '#ff00ff');

作業デモ： http： //jsfiddle.net/VJJnD/

于 2013-03-08T11:46:14.593 に答える