是否可以绘制孵化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> 

你必须写一些服务器端的代码，将动态创建渐变的画面。