颜色选择，自定义颜色供选择

最新推荐文章于 2024-09-10 09:17:10 发布

最新推荐文章于 2024-09-10 09:17:10 发布 · 337 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现的自定义颜色选择器，通过简单的HTML输入框展示颜色选择功能，并利用pickAColor插件提供了丰富的颜色选择体验，如显示色谱、保存颜色等。

颜色选择，自定义颜色供选择

演示

   JavaScript Code
  

   <input type="text" value="222" name="border-color" class="pick-a-color">  
    <input type="text" value="aaa" name="font-color" class="pick-a-color">  
    <input type="text" value="a1beef" name="backgound-color" class="pick-a-color">  
    <input type="text" value="551033" name="highlight-color" class="pick-a-color">  
    <input type="text" value="eee" name="contrast-color" class="pick-a-color">  
    <input type="text" class="pick-a-color">  
    <input type="text" class="pick-a-color">  
      
  
  
<script type="text/javascript">  
  
    $(document).ready(function () {  
  
        $(".pick-a-color").pickAColor({  
          showSpectrum            : true,  
            showSavedColors         : true,  
            saveColorsPerElement    : true,  
            fadeMenuToggle          : true,  
            showAdvanced                        : true,  
            showBasicColors         : true,  
            showHexInput            : true,  
            allowBlank                          : true  
        });  
          
    });  
  
    </script>  

  