Javascript 如何使用JQuery在html中插入颜色选择器

Javascript 如何使用JQuery在html中插入颜色选择器,javascript,jquery,html,css,color-picker,Javascript,Jquery,Html,Css,Color Picker,大家好 我正在尝试实现一些方法,让我们的客户自定义他们的网站(我们的模板),实际上我正在尝试在html中插入一个颜色选择器 好的,我们通过两种形式实现: -定制heder bg 自定义页脚-->背景 --->文本颜色 请告诉我该怎么做?我读过,但我无法实施,我不知道从哪里开始 我更喜欢使用颜色选择器,使用户也可以通过#HEX和rgba(另外,不需要)插入颜色,因为我们的客户可能需要在徽标或其他东西中使用#HEX代码,这对他们来说非常舒适 非常感谢 PS:为我的英国朋友们感到抱歉,祝你们今天愉

大家好

我正在尝试实现一些方法,让我们的客户自定义他们的网站(我们的模板),实际上我正在尝试在html中插入一个颜色选择器

好的,我们通过两种形式实现: -定制heder bg

  • 自定义页脚-->背景 --->文本颜色
请告诉我该怎么做?我读过,但我无法实施,我不知道从哪里开始

我更喜欢使用颜色选择器,使用户也可以通过#HEX和rgba(另外,不需要)插入颜色,因为我们的客户可能需要在徽标或其他东西中使用#HEX代码,这对他们来说非常舒适

非常感谢

PS:为我的英国朋友们感到抱歉,祝你们今天愉快

jsfiddle:

色彩个性化
卡贝塞拉 颜色del fondo:poner选择器颜色 帕吉纳馅饼 颜色del fondo:poner选择器颜色
颜色del fondo:poner选择器颜色 尝试查看

在获得javascript和css文件之后,它就很容易实现了

<script type="text/javascript" src="/js/farbtastic.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //alert(1);
        debugger;
        $('#colorpicker').farbtastic('#id');

    });
</script>

 <input type='TextBox' ID="_tbColor"value="#123456"/>
    <div id="colorpicker"></div>

$(文档).ready(函数(){
//警报(1);
调试器;
$(“#颜色选择器”).farbtastic(“#id”);
});

poner picker color的意思是,把颜色选择器放在这里,对不起。你可以试试,不过我相信它只受Chrome、Firefox和Opera.ya的支持!这就是我要用的!我不知道。。。我以为html5输入->颜色有很多颜色,比如2-3红色,2-3蓝色。。。我不知道这个习俗。真的谢谢@巴纳比
<script type="text/javascript" src="/js/farbtastic.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //alert(1);
        debugger;
        $('#colorpicker').farbtastic('#id');

    });
</script>

 <input type='TextBox' ID="_tbColor"value="#123456"/>
    <div id="colorpicker"></div>