是否可以繪製孵化jqueryui滑塊範圍/背景？

Question

是否有可能孵化，甚至充滿了色彩梯度的jQueryUI的滑塊的範圍/背景（見http://upload.wikimedia.org/wikipedia/commons/5/5d/Unintuitive-rgb.png）

這不只是改變顏色，而是使其從紅 - >綠視對某些變量 - 這當然可能會在運行時發生變化...

任何幫助表示讚賞！

Answer 1

是的，這是可能的。

你只需要設置滑塊div的背景。

<div id="slider" style="background:black"></div> 

這將導致滑塊有黑色背景。

這是很容易的部分。問題是你將如何創建一個漸變？

對於CSS實現，請看http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ 您可能想要查看jQuery中的cssHooks選項以簡化它。另請參閱https://github.com/brandonaaron/jquery-cssHooks的一些示例（有一個gradient.js cssHook，但據我檢查它不支持IE）。

爲了達到最佳效果，你可能需要設置一個背景圖像，而不是，例如：

<div id="slider" style="background:url(creategradient.aspx?from=000&to=FFF&height=5&width=100)"></div> 

你必須寫一些服務器端的代碼，將動態創建漸變的畫面。