jQuery UI颜色选择器问题

Question

我想创建一个颜色选择器，但是它需要像这样http://jqueryui.com/demos/slider/是水平的。它必须是可以滚动所有颜色的水平滑块。 我试图将其基于jquery ui滑块。

有人从网上知道任何这样的例子吗？ 还是可以告诉我该怎么做？

我当时想根据滑块设置的距离说50％，我需要将该值转换为颜色值。

诸如0％距离是白色，而100％是黑色。

注意：它必须是1个可以在all颜色范围内变化的滑块，并且颜色必须平滑过渡，而不是全部随机。

喜欢这张图片： 但它需要以某种方式将白色和黑色结合到其中。

Answer 1

您可以将HTML颜色表示为十六进制值。 考虑到这一点，我们可以创建一个从#000000到#FFFFFF （或从0到16777215，以十进制表示）的滑块：

$("#slider").slider({
    min: 0,
    max: 16777215,
    slide: function (event, ui) {
        var hex = "#" + ui.value.toString(16);
        $("#color").css("background-color", hex);
    }
});

请注意，要使其在远程可用，您将需要一个相当长的滑块。 为了更好地了解其工作原理，请使用键盘箭头而不是鼠标在颜色之间滑动。

示例： http ： //jsfiddle.net/4extL/46/

Answer 2

有很多的jQuery UI的例子在这里的拾色器。 他们甚至提供了示例，您可以在其中滚动浏览所有颜色。 希望这可以帮助。

Answer 3

我认为这是不可能的。 我建议使用许多jQuery colorpicker插件之一。 或者您可以看一下这个jQuery UI示例-并非您想要的那样，但是它确实使用了jQueryUI滑块： http : //jqueryui.com/demos/slider/#colorpicker