Question

我正在尝试在我的网站上使用此插件：http://colpick.com/plugin

我想知道如何将其设置为更改某些div颜色，例如#panel和#thead

是否需要在显示颜色选择的javascript中完成？

$('#picker').colpick();

还是需要在javascript文件中或附带的内容？

Answer 1

首先，您需要包含插件文件：

<script src="js/colpick.js" type="text/javascript"></script> 
<link rel="stylesheet" href="css/colpick.css" type="text/css"/>

然后你需要创建一个div：

<div class="color-box"></div>

并给它一些CSS：

.color-box {
    float:left;
    width:30px;
    height:30px;
    margin:5px;
    border: 1px solid white;
}

最后你可以添加jQuery代码：

$('.color-box').colpick({
    colorScheme:'dark',
    layout:'rgbhex',
    color:'ff8800',
    onSubmit:function(hsb,hex,rgb,el) {
        $(el).css('background-color', '#'+hex);
        $(el).colpickHide();
    }
})
.css('background-color', '#ff8800');

这一切都来自他们的网站。他们有很多关于如何使用它的例子。 http://colpick.com/plugin

Jquery颜色选择器如何设置某些div颜色变化？

1 个答案: