2021-10-07

颜色编辑器 小巧,强大 用法简单

只需引入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>



其他用法,详见官网

 

打赏

好文章,更需要你的鼓励

本文由 氢设计 创作,除注明转载/出处外,均为本站原创,转载前请务必署名

最后编辑时间为:2021-11-23 10:21:01

本文链接:https://www.h2sheji.com/show-66.html