如何添加CSS到jQuery滑塊的每一步？

我想添加不同的背景顏色到jQuery滑塊的不同步驟。有什麼辦法可以做到嗎？我正在嘗試構建類似於此的滑塊。subaru 這裏使用flash完成。我想在jQuery中做同樣的事情。任何幫助，將不勝感激。我不是jquery的專家。如何添加CSS到jQuery滑塊的每一步？

來源

2011-02-25 ksun

這可以通過將顏色的背景圖像設置爲ui-slider-horizontal類來完成。

.ui-slider-horizontal 
{ 
    background-image: url('slider_bg.png') 50% 50% repeat-x; 
}

圖像將是一個水平iamge這將是相同的寬度和高度的滑動件，並且也將被設計爲具有用於每個滑動段的相同的量。

怎樣的背景圖像已被使用，您可以檢查jQuery的網站這裏有一個例子：http://jqueryui.com/demos/slider/#multiple-vertical

來源

2011-02-25 11:56:44 RobertPitt

滑塊寬度將根據瀏覽器窗口的寬度動態變化。有什麼辦法可以將css應用於每一步？ – ksun

這不會是一個問題，因爲滑塊將是一個特定的寬度，無論瀏覽器視圖，如果它的情況下100％，那麼你只是將圖像設置爲100％。 – RobertPitt

但是在這裏，我們給整個滑塊提供背景圖像。我想要一種方法來單獨訪問每個步驟，因爲每個步驟的顏色都需要根據用戶輸入進行更改。如果您瀏覽了我給出的參考網頁，右下角有一個選項可啓用視頻/圖片/文本，同樣會反映在滑塊中。這可以通過切換滑塊的背景圖像來完成，但有沒有更好的方法。感謝您的幫助，RobertPitt :) – ksun

如何添加CSS到jQuery滑塊的每一步？

回答

相關問題