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. 洛谷 P1515 旅行

    P1515 旅行 题目描述 你要进行一个行程为7000KM的旅行,现在沿途有些汽车旅馆,为了安全起见,每天晚上都不开车,住在汽车旅馆,你手里现在已经有一个旅馆列表,用离起点的距离来标识,如下: 0, ...

  2. python的hashlib模块

    # -*- coding: utf-8 -*- """python 的MD5 sha1 模块""" import hashlib #md5的 ...

  3. 外国高手画神级的linux 内核图,够详细!

  4. JS浏览器关闭时清空cookie

    function addCookie(objName,objValue,objHours){    var str = objName + "=" + escape(objValu ...

  5. JS-商品图片放大器

    //给mask添加事件,让其随着鼠标移动 superMask.onmousemove=function(){ var left=event.offsetX-175/2; left=left>0? ...

  6. Css3案例

    <!DOCTYPE html> <html> <meta charset=utf-> <head> <style> body{ backgo ...

  7. 清除oracl中有主外键关联的表中的部分数据。

    1.禁用主外键BEGINfor c in (select 'ALTER TABLE '||TABLE_NAME||' DISABLE CONSTRAINT '||constraint_name||' ...

  8. android使用apktool反编译出现Input file (d:\t) was not found or was not readable

    Input file (d:\t) was not found or was not readable 出现这个错误是因为apktool压缩包下载错误,我是下成首页的那个压缩包了 正确下载地址:htt ...

  9. Intel hex 文件格式解密

    Intel hex 文件常用来保存单片机或其他处理器的目标程序代码.它保存物理程序存储区中的目标代码映象.一般的编程器都支持这种格式. Intel hex 文件全部由可打印的ASCII字符组成(可以用 ...

  10. WebBrowser执行脚本

    ExecuteJavaScript(WebBrowser:TWebBrowser; Code: string):Variant;var //发送脚本Document:IHTMLDocument2;Wi ...