现在的位置: 网页制作教程JS网页特效 >正文
jquery相关教程

网页在线颜色选择器jquery插件 兼容性好

发表于2016/11/25 JS网页特效 0条评论 ⁄ 热度 2,262℃

给大家分享一款网页颜色选择器,非常实用,可以集成到你的网站里。

因为是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效果

  • 暂无评论