<#-- 标题 -->

自定义对话框：

自定义对话框是指根据业务要求，自动组装对话框参数，完成对话框的弹出。自定义对话框支持的参数有标题、宽度、高度、边框颜色、目标区域、指定弹出HTML、指定弹出URL等一系列参数，是各种对话框的基础。

<#-- 一、弹出HTML内容（对象方式） -->

一、弹出HTML内容（对象方式）

最简单的弹出对话框，要求标题、文本HTML、宽度和高度和固定位置五个值：
1、title指明对话框标题
2、text指定弹出对话框文本HTML
3、width指定对话框宽度
4、height指定对话框高度
5、fixed指定对话框在文档的位置固定

<#-- 二、弹出HTML内容（函数方式） -->

二、弹出HTML内容（函数方式）

调用Z.dialog函数弹出对话框

1、最简单的弹出对话框，要求标题、文本HTML、宽度和高度四个值
2、这里定义了shadow: false表示无遮罩层

<#-- 三、弹出HTML内容（函数方式） -->

三、弹出HTML内容（函数方式）

调用Z.dialog函数弹出对话框

1、最简单的弹出对话框，要求标题、文本HTML、宽度和高度四个值
2、这里定义了hasBackground: false表示无背景边框
3、这里定义了shadow: false表示无遮罩层

<#-- 四、弹出URL（最简方式） -->

四、弹出URL（最简方式）

点我弹出对话框，有控制台

1、最简单的弹出URL对话框，要求标题、URL、宽度和高度四个值
2、在弹出页中编写[关闭]按钮，通过JS关闭方法：parent.Z.Dialog.close(location.hash);或全部关闭parent.Z.Dialog.close();，如：
<button class="z-button z-blue" onclick="parent.Z.Dialog.close(location.hash);">关闭</button> <button class="z-button z-blue" onclick="parent.Z.Dialog.close();">关闭</button> 3、设计控制台方式：通过设计两个DIV，第一个DIV指定块溢出为auto或scroll，第二个DIV底部绝对定位高度50，两个DIV的高度之和=dialog.height。如下： <div class="z-w100p z-overflow-x-hidden z-overflow-y-scroll" style="height:250px;"> ...正文内容... </div> <div class="z-absolute z-w100p z-h50" style="bottom:0;left:0;background-color:#e9f3fd;"> <div class="z-button z-blue z-w100 z-absolute" style="left:160px;top:12px;" onclick="alert('我点了确定!');">确定</div> <div class="z-button z-absolute" style="right:160px;top:12px;" onclick="parent.Z.Dialog.close();">关闭</div> </div>

<#-- 五、弹出URL（设置参数） -->

五、弹出URL（设置参数）

点我弹出对话框，滚动最底部

1、最简单的弹出URL对话框，要求标题、URL、宽度和高度四个值
2、设置shadowOpacity = 0.1;遮罩层透明度为0.8
3、设置borderColor = "#e9fefd";边框颜色
4、设置scroll = true;滚动滚动条到最底部

<#-- 对话框参数说明 -->

对话框参数说明（二十四个）

参数	值	说明
基本参数
id	Z.random(10);	该对话框使用的编号，如果未指定，则用系统取随机值，要求必须唯一
title	提示	对话框标题
width	300	对话框宽度
height	200	对话框高度
borderColor	#ccc	边框颜色
target	document	目标区域
fixed	false	是否在document下固定位置，只有当target===document时有效
position	未配置默认居中	1、数字0表示居中，1-3左中下，4-5中上下，6-8右上中下 2、指定位置如：{top:100,left:100}
timeout	未配置不开启	多少时间超时关闭，单位：毫秒
callback	未配置不开启	操作回调函数
内容相关2个参数
url	和text互斥，只能且必须填写一个	对话框调用的URL，和text配置项互斥
text	和url互斥，只能且必须填写一个	对话框显示的HTML文本，和url配置项互斥
遮罩层参数
shadow	true	遮罩层是否启用 true\|false
shadowColor	#757575	遮罩层颜色
shadowOpacity	0.6	遮罩层透明度，值在0-1之间
标题拖拽
hasTitle	true	标题栏是否显示，true\|false 默认true，当=false时drag无意义
titleBgColor	#f5f5f5	标题背景色
drag	true	是否支持拖拽标题，true\|false 默认true
dragOpacity	0.8	拖拽时透明度，值在0-1之间，默认0.8
背景参数
hasBackground	true	背景是否显示，true\|false 默认true
backgroundColor	#e9f3fd	背景颜色，默认#e9fefd
滚动滚动条
scroll	false	是否滚动，true\|false 默认false
scrollHeight	0	指定滚动高度，(scrollHeight==0)表示到底部，即最大高度，!=0表示指定高度
scrollPad	0	指定滚动高度时，保留一部分即height=scrollHeight-scrollPad

${zhiqim_com_chapter()}