Jquery弹窗插件Lhgdialog的用法

Lhgdialog的用法

大家都知道用js可以实现，但是在使用js实现的弹窗时得考虑很东西：浏览器的兼容、页面的交互等等问题。

在这里简单介绍一下lhgdialog的用法。

参数有：

Title：弹窗的上标题；

Content：弹窗中的内容（当然可以以一个页面为内容，用URL连接）；

Ok：弹窗的确定键（可以是function）是布尔类型的；

Cancel：取消键（同上）；

Cancelval：取消键的键值（就是显示的内容）；

Max：弹窗的最大化键

Min：弹窗的最小化键

Time；可以设定时间（多长时间后关闭）

Button：可以自己添加一些按键，它的属性有：

Name：按键的值

Callback：回调函数

Disabled：按键的激活与否

Width：弹窗的宽度

Height：弹窗的高度

Fixed：弹窗固定

Left：弹窗的位置（距浏览器左边框的距离）

Top：（同上）

Drag：弹窗是否可以拖拽

Resize：弹窗是否可以调整大小

Lock：弹窗弹出后下面的网页是否蒙板（支持多层蒙板但是要parent属性）

Icon；弹窗中导入图片

Init；初始化

Close：关闭

我自己用：

Js代码


$(document).ready(function () {

$(".outPage").dialog({

title:"用户注册",

width:400,

height:300,

content:'url:views/user/login.html',

max:false,

min:false,

lock:true

});

})

Login.html是我的登录页面。就这么简单！比自己写快多了！不过要导入：

Js代码


<script type="text/javascript" src="jquery-1.7.1.js"></script>

<script type="text/javascript" src="lhgdialog.js"></script>

列：

function openUpdateDialog(url,t,w,h){

var opid = "t"+Math.round(Math.random()*100000000)+"x";

var dg=$.dialog({id:opid,title:t,content:'url:'+url,max:false,min:false,width:w,height:h,

resize:false,drag:true,cover:false,

button: [

{

name: '保存',

callback: function(){

this.content.iframeSubmit();

return false;

},

focus: true

},

{

name: '关闭'

}

]

});

}

还支持一些方法：

$.dialog.alert()

$.dialog.confirm()

$.dialog.prompt()

$.dialog.tips()

还有页面之间的传值：弹窗中的值传到patent页面中等等：看API吧有很多例子。

还支持弹窗的动画效果：向上逐渐透明关闭窗口、右下脚滑动通知、摇头效果

下载地址（含有中文API）：
http://code.google.com/p/lhgdialog/downloads/list