3

ページに5つのリスト項目があり、次のCSSが適用されています。

#content .gallery_work ul li {
    background-color: #FEF5D6 !important;
    border-right: 15px solid blue;
    color: #373C46;
    float: left;
    font-size: 13px;
    height: 250px !important;
    margin: 10px !important;
    text-align: center;
    width: 225px !important;
}

私が欲しいのは、5つの可能な境界線の色であり、各liに対して、ランダムに適用される色の1つを取得します。

誰かがこれを行う方法を知っていますか？

4

2 に答える 2

6

JavaScriptまたは選択したサーバー側の言語で数値を生成するだけです。

あなたはJavaScriptでそれを行うことができます... 

var color = "#" + Math.floor(Math.random() * 0xFFFFFF).toString(16);

...またはPHP..。

$color = "#" . dechex(rand(0, 0xFFFFFF));

あなたのコメント...

完全にランダムな色を使用する代わりに、数字を宣言してランダムに選択させる方法はありますか？

はい、例えば...

$colors = array("#000", "#fff");

$randomColor = $colors[array_rand($colors)];
于 2012-11-18T23:25:34.907 に答える
1

適切なゼロパディングを追加する場合のように、すべてのエッジケースをカバーするソリューション：

function randomColor() {
    return (function(h) {
         return '#000000'.substr(0, 7 - h.length) + h;
    })((~~(Math.random() * (1 << 24))).toString(16));
}

もともとレミーシャープによって：http：//paulirish.com/2009/random-hex-color-code-snippets/#comment-34878

于 2012-11-19T00:06:51.933 に答える