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:本来想在自己的文章里嵌实现示例,但是不会弄,谁能告诉我怎么弄?还有,上面的是图片,哈哈,别点了。