Kingwell Dialog V1.5 kingwell对话框源码及文档说明

自定义弹出:

支持键盘操作

支持多窗口弹出

兼容各浏览器

支持Iframe及Iframe遮盖层

支持自动关闭

自定义按钮

经过多个项目,目前已经比较完善

有文档说明

使用方法以:

new Dialog({
    title : 'Hello World',
    width : 500,
    height : 100,
    type : 0,
    html : 'Hello Kingwell Dialog',
    callback : function(){
        alert('我要关闭了');
    }
});

 

 

/*
参数说明:
参数均为JSON格式
title
窗口标题文件 可选
width
窗口宽度 可选
height
窗口高度 可选
html
窗口中的内容
callback
回调函数 可选
type
窗口类型 (默认为0,即普通窗口,1为alert类型窗口, 2为成功类型窗口,3为失败类型窗口, 4为警告类型窗口,5为询问类型窗口) 可选
timeOut
自动关闭时间,为数值:如1000 = 1秒,设置后就自动关闭 可选
autoClose
单击确定后是否自动关闭,默认为true, 可选
设置为false后需要手动才能关闭,关闭方式: 1)在回调函数中调用 this.remove(); 2:将对话框赋值给一个变量, 如: var dialog = new Dialog(); 再执行 dialog.remove();
titleState
是否显示title 布尔值: true || false 可选
closeState
是否显示close 布尔值: true || false 可选
buttonState
是否显示button 布尔值: true || false 可选
okText
确定按钮文字 可选
cancelText
取消按钮文字 布尔值: true || false可选
fixed
窗口是否固定不动 布尔值: true || false 可选
ready
为Function 窗口显示后要执行的动作,如绑定事件等,可选
layer
是否显示摭盖层 默认显示可选
iframe
iframe摭盖层,IE6下有效 可选
align
对方方式 可选
addButtonHtml
按钮部分添加相关HTML 可选
支持键盘操作 当窗口获得焦点,按ESC键可退出,当按钮获得焦点后,可执行相应操作。 
*/

 

Kingwell Dialog V1.5 kingwell对话框源码及文档说明_第1张图片

 

Kingwell Dialog V1.5 kingwell对话框源码及文档说明_第2张图片

 

Kingwell Dialog V1.5 kingwell对话框源码及文档说明_第3张图片

 

Kingwell Dialog V1.5 kingwell对话框源码及文档说明_第4张图片

 

源码下载: Kingwell Dialog V1.5代码及文档说明下载

你可能感兴趣的:(dialog)