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. })

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

  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

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

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

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

  2. Jquery弹窗插件Lhgdialog的用法

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

  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. 高放的python学习笔记之基本语法

    python与c++的不同之处 python的语句块不是用{}括起来的而是冒号后面跟一些与比当前语句多一的tab缩进的语句. 1.定义变量 python的变量类型不需要人为指出,会根据赋值的类型决定此 ...

  2. ubuntu增加工作分区(workspace)命令

    dconf write  /org/compiz/profiles/unity/plugins/core/hsize 3 dconf write  /org/compiz/profiles/unity ...

  3. Css溢出隐藏

    display: -webkit-box;-webkit-line-clamp: 2;     /*多少行数之后显示为省略...*/word-wrap: break-word;word-break: ...

  4. 汉诺塔 Hanoi Tower

    电影<猩球崛起>刚开始的时候,年轻的Caesar在玩一种很有意思的游戏,就是汉诺塔...... 汉诺塔源自一个古老的印度传说:在世界的中心贝拿勒斯的圣庙里,一块黄铜板上插着三支宝石针.印度 ...

  5. WCF入门教程[WCF基本应用]

    一.概述 Windows Communication Foundation(WCF)是由微软发展的一组数据通信的应用程序开发接口,可以翻译为Windows通讯接口,它是.NET框架的一部分.由 .NE ...

  6. Android事件监听器Event Listener

    在 Android 中,我们可以通过事件处理使UI与用户互动(UI Events). UI的用户事件处理,即View处理用户的操作,在应用程序中几乎不可避免.View是重要的类,它是与用户互动的前线: ...

  7. 文本阴影:text-shadow

    例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...

  8. cf B. Fox Dividing Cheese

    http://codeforces.com/contest/371/problem/B #include <cstdio> #include <iostream> #inclu ...

  9. MYSQL正式环境主从复制(不锁表,不停服务)

    参考URL: http://rfyiamcool.blog.51cto.com/1030776/1016636/ 原因源于其实以前环境是有MYSQL主从复制的,且最开始主从复制之间是OK的. 但由于日 ...

  10. PCB走线和过孔的过流能力

    PCB走线的载流能力与以下因素有关:线宽.线厚(铜箔厚度).容许温升.PCB走线越宽,载流能力越大. 近似计算公式: I=KT0.44A0.75 (K为修正系数,一般覆铜线在内层时取0.024,在外层 ...