jqueryまたはcssを使用してスライダの背景色を変更する方法

jqueryとcssを使用してスライダの背景色を変更する方法を教えてください。私はこの方法jqueryまたはcssを使用してスライダの背景色を変更する方法

.uiスライダレンジ{背景：は、colorName}を使用している

。

2011-01-14 user575300

スライダがバーのどこにあっても1つの色にしますか、スライダの位置に基づいて色を変更しますか？ – Andrew

こちらがお役に立てば幸いです。

この例のdemoもあります。

$(document).ready(function() { 
    $('.slide').slider({ 
     slide: function(event, ui) { 
      // from pure red to pure green 
      var r, g, b = 0; 
      g = Math.round(255/100 * ui.value); // 2.55 * (0 - 100) = 0 - 255 
      r = 255 - g; 
      var color = 'rgb(' + r + ',' + g + ',' + b + ')'; 
      $(this).css({ 
       'background': color 
      }); 
     } 
    }); 
});

カラーラインのアルゴリズムをどこかに見つけることができます;-)これは私が作ったものです。

p.s.デモに別の「アルゴリズム」を追加しました;-)

出典

2011-01-14 11:56:42

フレンドこのコードは欲しいものではありません。スライダーをスライドさせると色が変わるはずです。 – user575300

@ user575300申し訳ありませんが、私は少し困惑しています。スライダーの背景色は変更されませんか？あなたはデモを見ましたか？あなたは別の色変更アルゴリズムが必要か、他の要素の色を変更する必要があると思いますか？または、おそらく何か？ –

この回答が受け入れられなかった理由がわかりません。とにかく、私の+1。 – doug

これは役に立つかもしれません。それはCSSを変更するためにJQueryを使用しています。私の場合、スライダーが存在する実際のDIVにCSSを設定しようとする試みはすべて失敗しましたか？私は、JQueryのCSSライブラリが優先されたと思いますか？それは過剰殺しのようだ。しかし、これは私のために働いた。

var cs_style = "<style>#your_slider_div .ui-widget-header { background: #7D1515; } </style>"; 
    $('html > head').append(cs_style);

これを実行すると、スライダのjQuery関数（定義と呼び出し）が背景色を暗い赤色に設定します。もちろん、あなたはいつでも好きなように設定することができます。ナット亀裂に複数の方法がありますか？

出典

2014-06-13 09:16:45

もちろん、これは標準のデフォルトのグレーに異なる背景色を設定するだけです。 –

jqueryまたはcssを使用してスライダの背景色を変更する方法

答えて

関連する問題