伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:韦德1946手机版客户端-拾色器
 21605  37  查看评论 (10)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容6
这款颜色拾取器的名称叫bigcolorpicker,使用这款颜色拾取器,可以通过点击页面中的目标元素,直接获取颜色值,方便快捷。

HTML

页面中首先在head中需要引入jquery库和bigcolorpicker伟德BETVICTOR,以及所需的样式jquery.bigcolorpicker.css。<link rel="stylesheet" type="text/css" href="css/jquery.bigcolorpicker.css"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.bigcolorpicker.min.js"></script>接着,我们直接在body中放置一个用于触发接收颜色值的input韦德1946手机版客户端框。
<input type="text" id="c1"/>或者也可以直接放置一个html元素或者按钮。
<a href="javascript:void(0)" id="img"></a>我们还可以获取多个颜色,自定义颜色小格子的个数.

jQuery

调用bigcolorpicker伟德BETVICTOR非常简单,直接使用$(element).bigColorpicker(callback,engine,sideLength); 其中callback为回调函数,它可以把选择的颜色设置到绑bigColorpicker的元素的上,也可以自定义函数。engine可以为空,P、L,使用默认P,P代表着拾取器的背景是一张图片,而L则代表着拾取器的小格子是由一个个的li组成。sideLength参数是指小格子的个数,只有engine为L时生效,范围:2-10,默认为6。$(function(){      //点击韦德1946手机版客户端框选取颜色      $("#c1").bigColorpicker("c1");      //点击选色按钮选取颜色      $("#btn").bigColorpicker("c2");      //点击方框选取颜色      $("#img").bigColorpicker(function(el,color){          $(el).css("background-color",color);      });      //选取多个颜色      $(".ku").bigColorpicker(function(el,color){          $(el).css("background-color",color);      });      //自定义颜色块个数      $("#c5").bigColorpicker("c5","L",3);  });
当要在可以移动的弹出层上操作颜色拾取器时,可以通过以下方法实现。
1、拖拽开始时自动隐藏取色板(以下代码需要写在拖拽的开始时)$(element).bigColorpickerHide();
2、拖拽时取色板的位置随浮层一起移动(以下代码需要写在拖拽的进行时)
$(element).bigColorpickerMove();
相关伟德BETVICTOR-拾色器

WEB颜色选择器

WEB颜色选择器可以基于网页格式选择颜色色值的方法.
  拾色器
 11706  48

jQuery颜色选择伟德BETVICTORevol.colorpicker

一个简单的颜色选择工具evol.colorpicker,使用jquery开发
  拾色器
 6307  29

伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

颜色拾取器(又名取色板)是为了方便用户在一些需要使用颜色的WEB应用中直观的选择所需的颜色,如论坛发帖时使用的编辑器中就应用到了颜色拾取器。本文将给大家介绍一款非常好用的基于jQuery的颜色拾取器,它可以轻松便捷的应用到你的项目中去。
  拾色器
 21605  37

适合移动设备的小巧jQuery颜色拾取器

tinyColPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象,它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery颜色拾取器大小仅4.7K,纯js,不需要图片和css代码。它基于cols.js制作而成,支持所有现代特性,如触摸屏和MS pointer。它使用GPU加速,使用requestanimationframe函数时电池工作时间更长
  拾色器
 8837  27

讨论这个项目(10)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    道阻且长林修 0
    2017/12/18 11:44:38
    很好东西,终于找到了!! 回复
    ?日?しくて 0
    2017/12/1 14:10:34
    这个是我梦寐以求的东西 回复
    CXK2014 0
    2017/11/7 9:20:31
    北哥 0
    2017/10/27 17:52:58
    如果我想让他点击确定了以后才选择这个颜色,或者滑动预览的颜色不在绑定的文字上面显示,应该怎么进行修改这个 回复
    苟且 0
    2017/8/16 20:45:50
    “只有engine为L时生效,范围:2-10,默认为6。”这个有用吗?案例生成的不还是全部 回复
    cheese 0
    2016/10/7 18:10:51
    阿甘 0
    2016/9/29 15:09:55
    为什么报错 c is not defined
        铲屎官0
        2017/5/24 10:08:15
        未定义
    回复
    zakerking 0
    2016/7/27 14:07:40
    为啥不用firefox上自带的拾色器呢 回复
    MonQuiet 0
    2016/7/16 17:07:26
取消回复