此款选择器基于纯JavaScript和css实现的,并没有采用庞大的框架,也没有图片,因此非常简洁,支持十六进制值和输出RGB值,使用十分方便。使用方法:1,html代码<div class="box"> <input type="text" value="" pla...
此款选择器基于纯JavaScript和css实现的,并没有采用庞大的框架,也没有图片,因此非常简洁,支持十六进制值和输出RGB值,使用十分方便。

使用方法:
1,html代码
<div class="box"> <input type="text" value="" placeholder="请选择颜色" class="picker" id="color-picker" /> </div>
2,页面中引入js
<script src="js/colorpicker.js"></script>
3,绑定事件js
<script type="text/javascript">
var obj = document.getElementById("picker");
var a = Colorpicker.create({
el: "color-picker", color: "#a600ff",
change: function (elem, hex) {
elem.style.backgroundColor = hex;
}})
</script>下载demo
此处为隐藏内容,请评论后查看隐藏内容,谢谢!








umtheme







