Question

你能帮忙吗，我在这里使用这个颜色选择器：http://www.eyecon.ro/colorpicker/

并且我不知道如何使用它，例如，如果我想更改网站背景颜色，或Div元素的颜色，或文本的颜色如何更改？

这是实例... http://pastehtml.com/view/1e78noi.html

例如，如何更改背景颜色，以及slider-bg DIV的颜色和文本DIV的颜色。

请使用此网站：pastehtml.com来显示您的实时和工作HTML代码，以便向我展示。并从我的源文件中复制源URL脚本。

由于

Answer 1

您需要使用colorpicker提供的onchange事件：

$('#colorSelector').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
       //this is what you need
       $(".text").css("color", "#" + hex);
    }
});

工作样本：

http://jsfiddle.net/r9ZeA/

Answer 2

Working Demo

如何使用jQuery colorpicker更改DIV的背景或颜色？

2 个答案: