• (转)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.        })  


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

    Js代码  收藏代码
    1. <script type="text/javascript" src="jquery-1.7.1.js"></script>  
    2.     <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 

  • 相关阅读:
    给定一个无序数组arr,求出需要排序的最短子数组长度。例如: arr = [1,5,3,4,2,6,7] 返回4,因为只有[5,3,4,2]需要排序。
    Given n pairs of parentheses, write a function to generate all combinations of well-formed parentheses. For example, given n = 3, a solution set is: "((()))", "(()())", "(())()", "()(())", "()()()"
    shell数组
    学习ansible(一)
    nginx搭建简单直播服务器
    rsync
    Linux运维最常用150个命令
    Linux 三剑客
    学习Python(一)
    学习k8s(三)
  • 原文地址:https://www.cnblogs.com/wanshutao/p/3844232.html
Copyright © 2020-2023  润新知