JQuery Dialog自定义模态窗口控件

1、首先介绍找到这款控件的方法，非常简单。百度一下：JQuery Dialog自定义模态窗口控件。第一个就是。如图

5、接下来简单介绍文件的用途。介绍如图。

7、现在打开js,也就是jquery_dialog.js。这里包含了所有js代码。这是最重要的！！一开始的一部分是一些初始参数，可以修改。建议自己改动。

9、看见这一堆了吗？由于js排版问题，没法看。小编教你个办法。百度一下：js格式化。将代码格式化一下，再粘贴回来，这下好多了。好了，能看了。

10、最主要的东西都在init里面。仔细研究这个。在init里，用append（）和css（）设置了整个弹窗的顶端、底部，以及弹窗位置，可拖动等等东西。这里说明一些你可能需要改的地方：1.关闭标示。就是弹窗右上角的“X”，个人觉得不好，不如换成图片。更换方法截了张图。以防你看不清，代码在第11步（只替换那一句）src里是图片路径，之所以加上鼠标事件是可以形成动态图片的效果。要不然太单调。记得把最上边的cCloseText改成空字符串。

11、_jd_dialog_m_h.append("<img src='文件1锭缠愁颊路径'id='#jd_dialog_m_h_rr' style='稆糨孝汶;float:right;'onclick='JqueryDialog.Close();'onmouseover=this.src='文件2路径'onmouseout=this.src='文件1路径' />");鼠标移动上去显示文件2，其他时间显示文件1

12、弹出框路径，这个在你移动文件更新链接时，js里的路径一定要更改！否则弹窗内容就找不到。如图.如果你js格式化是按照我的方法做的话，代码在103行。iframeSrc就是你调用函数时传过来的第二个参数，要求前面的内容加上这个组成整个正确的路径，建议把前面改为空，这样文件路径就和你设置的参数一样了。

14、OK(拘七呷憎)这个函数看着改，意思是你的弹窗内容完成时（比如说弹出是表单，提交时）。焦点可以改一改。再加一些东西，插入数据库什么的。5.SubmitCompleted（）和SubmitCompletedl（）这两个差不多。SubmitCompleted（）三个参数分别是：弹出信息、是否关闭窗口、是否刷新页面。SubmitCompletedl（）的参数是：弹出信息、跳转页面地址。这两个函数在回执页面（serverPost1.html）被调用。

15、最后一部分你基本不用动，DragAndDrop（）。控制弹窗位置，根据吴剑大神的标题，本插件的最大特色：可拖动Div。就是在这里完成的。

18、说了这么多，如果你还在看，小编真要感谢你了。总之，小编只想让自己的经验可以帮到你，当然也是记录下小编学习js的过程。如果有不懂的可以联系小编，百度账号就是小编的qq。