Graent.Hu 的博客

新浪微薄腾讯微薄

最新碎语:最近感觉有些迷茫,怎么办~

您的位置:Graent.Hu 的博客 >素材下载> 一个不错的颜色选择器:jquery.cxcolor

一个不错的颜色选择器:jquery.cxcolor

cxColor 是基于 jQuery 的颜色选择器插件,输出值为 HEX 格式的颜色值。
版本:
    jQuery v1.4.4+

    jQuery cxColor v1.2

效果:

QQ截图20160922184753.png

使用方法:

1,引入css样式文件

<link rel="stylesheet" href="jquery.cxcolor.css">
2,引入插件javascript文件
<script src="jquery.js"></script>
<script src="jquery.cxcolor.js"></script>
3,调用cxColor
$('#element_id').cxColor();

如果要加载默认颜色,在调用的时候增加16进制颜色参数即可

$('#element_id').cxColor("#ffffff");
相当简单有木有?!


其他API:

名称


说明
show() 显示面板
hide() 隐藏面板
color(hex) 设置/获取颜色值,参数值为 HEX 格式,例:

color() // 获取当前颜色值

color('#ff0000') // 设置颜色值为 #ff0000

reset() 设置默认颜色
clear() 清除颜色

下载地址:http://code.ciaoca.com/jquery/cxColor/version/jQuery.cxColor-1.2.zip

我的微信:graent_hu

欢迎扫码加我和微信好友,有什么问题我们可以一起探讨,有什么需要也随时欢迎发消息给我~

转载请注明出处:

本文标题:一个不错的颜色选择器:jquery.cxcolor

本文链接:https://www.wlyc.cn/post-43.html

发表评论

路人甲 表情
看不清楚?点图切换

网友评论(2)

jq代码也很难学,至少个人认为
面试365网 3年前 (2016-09-22) 回复
@面试365网:还好吧,基础的学起来应该还蛮容易的,太难的也用不到,有些东西用现成的插件就好了,简单方便还省事
9ra3nt 3年前 (2016-09-23) 回复