jQuery颜色选择器插件cxColor

所属分类:输入-拾色器

 29262  293  查看评论 (2)
分享到微信朋友圈
X
jQuery颜色选择器插件cxColor ie兼容6

使用方法

载入 CSS 文件

<link rel="stylesheet" href="jquery.cxcolor.css">

载入 JavaScript 文件

<script src="jquery.js"></script> 
<script src="jquery.cxcolor.js"></script>

调用 cxColor

// 直接调用
$("#element_id").cxColor();
// 自定义参数调用 
$("#element_id").cxColor({
    color:"#009900"
});

options 参数说明

名称默认值说明
color"#000000"默认颜色
※ input 中的 value 值优先级要高级此值。

API 接口

名称说明
show()显示面板
hide()隐藏面板
color(hex)设置/获取颜色值,参数值为 HEX 格式,例:
color() // 获取当前颜色值
color("#ff0000") // 设置颜色值为 #ff0000
reset()设置默认颜色
clear()清除颜色
相关插件-拾色器

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

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

colpicker颜色拾取插件

colpicker颜色拾取插件,提供3种模式选择,兼容性好。
  拾色器
 22417  301
  拾色器
 30234  296

jQuery颜色选择插件evol.colorpicker

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

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    晓风婵月 0
    2019/4/24 17:40:53
    这个很不错很好用
    回复
    q12 0
    2019/2/12 11:12:14
    使用事件绑定的时,会创建多个取色版,使用class调取方法时会改变所有该类名的颜色 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复