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


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

    Js代码 复制代码 收藏代码
    1. <script type="text/javascript" src="jquery-1.7.1.js"></script>   
    2.     <script type="text/javascript" src="lhgdialog.js"></script>  
    <script type="text/javascript" src="jquery-1.7.1.js"></script>
        <script type="text/javascript" src="lhgdialog.js"></script>


    还支持一些方法:
    $.dialog.alert()
    $.dialog.confirm()
    $.dialog.prompt()
    $.dialog.tips()
    还有页面之间的传值:弹窗中的值传到patent页面中等等:看API吧有很多例子。
    还支持弹窗的动画效果:向上逐渐透明关闭窗口、右下脚滑动通知、摇头效果
    下载地址(含有中文API):
    http://code.google.com/p/lhgdialog/downloads/list

  • 相关阅读:
    一些flex、AS开源项目
    WEB日志格式
    【6】.net msmq消息队列实例
    .NET Unity IOC框架使用实例
    【5】.net WCF 简单实例
    【3】.net MVC 使用IPrincipal进行Form登录即权限验证
    【转】.net MVC 生命周期
    【转】.NET 4.5 使用async和await关键字调用异步方法
    WCF:如何将net.tcp协议寄宿到IIS
    .net EF框架 MySql实现实例
  • 原文地址:https://www.cnblogs.com/zhouyunbaosujina/p/3356867.html
Copyright © 2020-2023  润新知