0

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

有谁知道网上有这方面的例子吗？或者可以告诉我如何做到这一点？

我在考虑根据滑块设置的距离说 50% 我需要将该值转换为颜色值。

0% 距离是白色，100% 是黑色。

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

就像这张图片： 在此处输入图像描述 但它需要在其中加入白色和黑色。

4

3 回答 3

1

您可以将 HTML 颜色表示为十六进制值。考虑到这一点，我们可以创建一个从#000000to #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/

于 2012-08-23T01:28:26.337 回答
0

I don't think this is possible. I would recommend using one of the many jQuery colorpicker plugins. Or you could look at this jQuery UI example - not exactly what you wanted but it does use the jQueryUI slider: http://jqueryui.com/demos/slider/#colorpicker

于 2012-08-23T02:06:04.997 回答
0

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

于 2012-08-23T01:09:56.387 回答