iColorPicker——最简单的jQuery颜色选择器

昨天得知，在我的项目中需要加入一个调色板，即颜色选择器。

根本没多想，直接jquery的插件吧，服务器端神马的就直接无视了。

在网上找了找，发现有很多不错的，但是都看起来比较复杂，有的相对来说底子差点的用户可能不太会用，最终发现了一款不错的颜色选择器----iColorPicker。

简介

iColorPicker是一个免费的，小巧的jQuery颜色选择器，只需为input控件添加名为’iColorPicker’的class属性值，即可将其转变成漂亮的颜色选择器。

下载

可以从官方网站supersite.me下载

使用

首先需要加载jQuery和iColorPicker的脚本文件，然后为input元素添加值为’iColorPicker’的class属性。

<script src="jquery.js" type="text/javascript"></script>
<script src="iColorPicker.js" type="text/javascript"></script>
<input id="mycolor" name="mycolor" type="text" value="#ffcc00" class="iColorPicker" />

注意事项: 每一个input控件都要有唯一的ID属性。

还要修改iColorPicker.js文件，修正颜色选择器开关图片的地址：

var imageUrl='图片地址';//注意，这里不改的话，文本框后面的图标是红叉
结果如下：

 

ps：本来想在自己的文章里嵌实现示例，但是不会弄，谁能告诉我怎么弄？还有，上面的是图片，哈哈，别点了。