给大家分享一款网页颜色选择器,非常实用,可以集成到你的网站里。
因为是jquery插件,所以比较灵活,支持asp、php、jsp和net等一系列程序,兼容性好。
这款网页在线颜色选择器可以把选定的颜色值绑定到表单input上,达到传递参数值得功能。
颜色选择器的原理
- 颜色选择区域是一张背景图片,采用光标定位的方式获取颜色。
- 每个小格就是一个li,设置li的背景颜色和值。
颜色选择器的几种使用法:
$(function(){ //用法1 $("#f1").bigColorpicker("f1","L",10); //用法2 $("#bn").bigColorpicker("f3"); //用法3 $("#img").bigColorpicker(function(el,color){ $(el).css("backgroundColor",color); }); //用法4 $(":text[name='t']").bigColorpicker(function(el,color){ $(el).val(color); }); //用法5 $(":input[f='bnn']").bigColorpicker(function(el,color){ $("#" + $(el).attr("data-target")).val(color); }); //用法6 $("#f333").bigColorpicker("f3","L",6); });
和颜色相关的文章:色彩名称大全、输入框提示随着输入长度的变化发生颜色变化的js效果
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/254.html