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代码   收藏代码
  1. $(document).ready(function () {  
  2.            $(".outPage").dialog({  
  3.                title:"用户注册",  
  4.                width:400,  
  5.                height:300,  
  6.                content:'url:views/user/login.html',  
  7.                max:false,  
  8.                min:false,  
  9.                lock:true  
  10.            });  
  11.        })  

Login.html是我的登录页面。就这么简单!比自己写快多了!不过要导入: 
   
Js代码   收藏代码
  1. <script type="text/javascript" src="jquery-1.7.1.js"></script>  
  2.     <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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值