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:关闭
我自己用:

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

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

  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

Jquery弹窗插件Lhgdialog的用法的更多相关文章

  1. (转)Jquery弹窗插件Lhgdialog的用法

    Lhgdialog的用法 大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容.页面的交互等等问题. 在这里简单介绍一下lhgdialog的用法. 参数有: Title:弹窗 ...

  2. java菜鸟篇<三> Jquery弹窗插件Lhgdialog的用法( 原文搬抄+添加,方便以后查找,书签太多了)

    今天带我的大神让我做个消息提示,我准备用dialog作,于是乎百度+自己动动脑子 百度原文: Lhgdialog的用法 大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容. ...

  3. jquery 弹窗插件 layer

    jquery 弹窗插件 layer 官网:http://sentsin.com/jquery/layer/ 1 <!DOCTYPE html PUBLIC "-//W3C//DTD H ...

  4. jeecg之弹窗插件lhgdialog小结

    说到弹窗,在jeecg中弹窗用到最多的地方无非是新增/编辑的弹窗. 1.列表页面新增编辑按钮触发的弹窗即lhgdialog,不论是add/update,最终走的都是curdtools.js中的crea ...

  5. jquery弹窗插件layer:layer.layui.com

    这两天在做抽奖转盘功能,浏览器自带的alert弹出框太low,本人又基本不会前端, 于是借鉴前人用fancybox插件做的效果 结果没看懂其写法(http://www.0101shop.com/goo ...

  6. 自己动手丰衣足食,h5手机端jquery弹窗插件(事件冒泡、单例模式、遮盖部分禁止默认滚动)

    感谢浏览,欢迎交流=.= 公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神), 手机端弹窗方式与pc ...

  7. jquery弹窗插件

    .zhuti { position:absolute; z-index:; font-size:14px; border-radius:5px; box-shadow: 5px white; over ...

  8. jquery 弹窗插件 layer 常见接口

    源自:https://www.cnblogs.com/teamobaby/p/3556584.html 常见接口如下: 方法名 描述 $.layer({}) 核心接口,参数是一个对象,对象属性参见上述 ...

  9. jQuery 动态绑定插件livequery的用法

随机推荐

  1. rails跑通第一个demo

    rails -h 查看帮助 Usage: rails new APP_PATH [options] Options: -r, [--ruby=PATH] # Path to the Ruby bina ...

  2. 获取ActiveX控件本身所在的路径 和 error PRJ0050

    一. CString   GetCurPath()     {     TCHAR       exeFullPath[MAX_PATH];     CString       strPath;    ...

  3. 为何visua studio看不到C++项目的LOG?

    最近工程中添加了一个用C++编写的项目 它作为了我正式使用项目的引用 但是当我debug的时候 居然没有看到应该有的LOG 最后找到了解决方法,如下图所示: 右击你的正式项目,属性 改变调试器类型中的 ...

  4. linux内核--进程地址空间(一)

    引言:现代操作系统提供了一种对内存的抽象概念,叫做虚拟存储器,它为每个进程提供了一个大的,一致的,和私有的地址空间.通过一个很清晰的机制,虚拟存储器提供了3个重要的能力: 1)它将主存看成是一个存储在 ...

  5. hdu 4711 Weather概率dp

    http://acm.hdu.edu.cn/showproblem.php?pid=4711 真的是坑吐血了,wa了5次  最后实在无语 把long long double 改成long double ...

  6. poj1966Cable TV Network(无向图最小点割集 ISAP+邻接矩阵)

    题目请戳这里 邻接表的ISAP被卡了一天...TLE....终于被卡了...好忧桑啊啊啊... 题目大意:给一张无向图,求最少去掉几个点使图不连通. 题目分析:求无向图的点连通度,拆点建图跑最大流.具 ...

  7. 云脉表格识别开放SDK接入

    通过深度的引擎识别和文本处理技术给予表单提供了无与伦比的文档分析和数据的提取功能,云脉表单识别包含了先进的模板学习和文本.图像分析提取技术,通过模板元素定义表单,将整个南表单生命周期和生产数据以自动化 ...

  8. hibernate 查询、二级缓存、连接池

    hibernate 查询.二级缓存.连接池 查询: 1) 主键查询 Dept dept =  (Dept) session.get(Dept.class, 12); Dept dept =  (Dep ...

  9. zoj 3229 有源汇有上下界的最大流模板题

    /*坑啊,pe的程序在zoj上原来是wa. 题目大意:一个屌丝给m个女神拍照.计划拍照n天,每一天屌丝最多个C个女神拍照,每天拍照数不能超过D张,并且给每一个女神i拍照有数量限制[Li,Ri], 对于 ...

  10. sqlplus中隐患组合键

    在UNIX/Linux平台中的SQL*Plus命令行提示符下,如果误按了组合键:Ctrl+S,那么这个会话将被锁定,输入任何命令都没有显示出来的. 解锁组合键:Ctrl+Q 注意:在使用ctrl+s锁 ...