ColorDialog（颜色对话框） v2.0 完全重写 v1.0 代码，同时放弃对 v1.0 的支持。在 v2.0 中，使用 ColorDialog（颜色对话框）变得非常的方便，只需要几句代码就可以实现强大的功能。

/products/webComponents/ColorDialog/demo.htm

• Internet Explorer　全面支持
• Firefox　全面支持

var colorDialog = new ColorDialog("colorButton");

colorDialog.onColorSelecting = function () { document.body.style.backgroundColor = colorDialog.selectingColor; }

colorDialog.onColorSelected = function () { document.body.style.backgroundColor = colorDialog.selectedColor; }

colorDialog.onColorCancelled = function () { document.body.style.backgroundColor = colorDialog.selectedColor; }

colorDialog.create();

ColorDialog(targetIdOrTarget)

构造函数。

• targetIdOrTarget　字符串或 object　触发对话框显示的 HTML 控件 Id 名称或控件对象。

create()

创建对话框。

• selectingColor　字符串　正在选择的颜色。
• selectedColor　字符串　已经选择的颜色。
• onColorSelecting　函数　当正在选择颜色时对应的方法。
• onColorSelected　函数　当已经选择颜色后对应的方法。
• onColorCancelled　函数　当没有选择颜色并关闭对话框后对应的方法。

• 在空白区域单击鼠标左键，但对话框不消失。　这不属于程序的错误，关于该情况的说明，请参见：http://www.cftea.com/c/2007/11/T8E0QPE0V0KIN6W9.asp。

当前版本 v2.0 点击下载压缩文件包，内含：

• JS 主程序文件　2 个
• 示例文件　1 个