颜色编辑器 小巧,强大 用法简单
只需引入jscolor.js,就能使用,非常便捷
CDN地址 : https://lib.baomitu.com/jscolor/2.0.4/jscolor.min.js
示例:
(参数都在在class样式中 jscolor)
<script src="jscolor.js"></script>
Color: <input class="jscolor" value="ab2567">
<script src="jscolor.js"></script>
<p>Link INPUT elements:
<button class="jscolor
{valueElement:'valueInput', styleElement:'styleInput'}">
Click here to pick a color
</button>
<p>
Value: <input id="valueInput" value="ff6699"><br>
Style: <input id="styleInput">
<p>Link SPAN elements:
<button class="jscolor
{valueElement:'valueSpan',styleElement:'styleSpan',value:'ff6699'}">
Click here to pick a color
</button>
<p>
Value: <span id="valueSpan"></span><br>
Style: <span id="styleSpan">Color preview</span>
其他用法,详见官网