此款选择器基于纯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
此处为隐藏内容,请评论后查看隐藏内容,谢谢!