如何更改滑塊的背景顏色使用jQuery或css

請你告訴我如何改變滑塊的背景顏色使用jQuery和css時，它滑動。如何更改滑塊的背景顏色使用jQuery或css

我已經採用的方法

的.ui滑塊範圍{背景：colorName};

2011-01-14 user575300

無論滑塊在滑條的哪個位置，或者您想要根據滑塊的位置改變顏色，您是否希望它成爲一種顏色？ – Andrew 2011-01-14 06:17:09

我希望這有助於。

這個例子中還有一個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 2011-01-14 13:31:53

@ user575300對不起，我有點困惑。它不會更改滑塊的背景顏色嗎？你看過演示，對吧？我猜你需要一個不同的顏色改變算法，或者你需要改變其他元素的顏色？或者也許是第三個？ – 2011-01-14 14:21:45

這可能會有用。它使用JQuery來改變CSS。在我的例子中，我所有的嘗試都是在滑塊所在的實際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

回答

相關問題