0

作業中のページのボーダー下部とボーダー上部を変更したいと思います。

これは私のCSSです：

.section-title {
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 20px 0;
    border-bottom: 1px solid #000;
border-top:1px solid #000;
}

そして、これは私のスクリプトです：

     $(document).ready(function () {
  $('section-title').each(function() {
     var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
     $(this).css('color', col);
    }); });

私は何を間違っていますか、またはこれを機能させるにはどうすればよいですか? アイデアを得るには; http://www.mirlaklijn.nl/wp-newこれはウェブサイトです。タイトルの上下にある 2 つの 1 ピクセルの境界線は、リンクのようにランダムに変更したいものです。

何時間も考えて試してくれてありがとう！

4

2 に答える 2

1

次を設定する必要がありますborder-color。

$(this).css('border-color', col);

PSeach独自のループを実行する必要はありません。にコールバックを提供することで、jQuery に任せてくださいcss:

$(document).ready(function () {
    $('.section-title').css('border-color', function() {
        return 'rgb(' +
            Math.floor(Math.random() * 256) + ',' + 
            Math.floor(Math.random() * 256) + ',' + 
            Math.floor(Math.random() * 256) + ',' +
        ')';
    });
});
于 2012-10-30T18:51:48.117 に答える
0

"color"境界線の色を変更するのは属性ではありません。です"border-color"。"color"属性の目的は、テキストの色 (前景色) のみを変更することです。

$(this).css('border-color', col);

乾杯

于 2012-10-30T18:51:51.580 に答える