Google
 
欢迎使用千一产品
千一产品:ColorDialog v2.0

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 函数 当没有选择颜色并关闭对话框后对应的方法。
常见问题
产品下载

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

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