a 上图:
自制了一个JQUERY 颜色选择器插件!!!
自制了一个JQUERY 颜色选择器插件!!!
调用方法:
首先引入相关js
<script type="text/javascript" src="http://www.google.cn/jsapi"></script>
<script type="text/javascript">google.load("jquery""1.3.2");</script>
<script type="text/javascript" src="jQuery.ColorPicker.js"></script>
然后编写你的代码:
<script type="text/javascript">
    $(
function(){
        $.showcolor(
'btncolor','txtcolor');//第一参数:按钮ID,第二参数: 文本框ID
        $.showcolor(
'imgcolor','txtcolor1');
    })
</script>

jquery.colorpicker.js 代码如下:
/**
 * @author 疯狂秀才 (代加工,不算原创,jquery 插件不是很熟,拿此练练!!)
 * QQ:1055818239
 
*/
var ColorHex=new Array('00','33','66','99','CC','FF');
var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF');
$(
function(){
    initColor();
    $(
"#colorpanel").hide();
})

function initColor(){
    $(
"body").append('<div >(btnid,txtid){showColorPanel(btnid,txtid);  }
})

相关文章: