如何实时更改网站的颜色？

Question

我正在设计一个主题，并有一个改变各种元素颜色的条款。不会有任何形式的预览。但是我遇到了this demo，您可以在那里实时更改网站某些元素的颜色（使用左侧的托盘） 我知道我们可以使用JS来实时更改css。但是我怎样才能从上面的链接中实现类似的东西呢？

由于

Answer 1

听起来，你正在寻找一个插件，对吗？

也许，这符合您的需求。

http://www.eyecon.ro/colorpicker/

它提供了可以与之交互的各种回调。他们甚至在他们的网站上都有一些例子。

$('#colorSelector').ColorPicker({
    onChange: function (hsb, hex, rgb) {
        $('#colorSelector div').css('backgroundColor', '#' + hex);
    }
});

需要jQuery。