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. 原生应用native、Web应用、混合应用hybrid:3者的优缺点解析

    最近原生应用.Web应用.混合应用的名字让我们听得比较熟悉了,现在我们就通过评析各种应用的优缺点来更进一步看看这三者的区别. 一. 原生应用: 你使用过微软PowerPoint 或者 Word吧?这些 ...

  2. PHP内核学习(一)SAPI

    学习PHP-src之前,我准备了一份源文件: GitHub下载->https://github.com/helingfeng/php-src 简单分析一下源码的目录结构: 1. root根目录下 ...

  3. Makefile与shell脚本区别

    http://blog.chinaunix.net/uid-20672257-id-3345593.html 在Makefile可以调用shell脚本,但是Makefile和shell脚本是不同的.本 ...

  4. 《编写高质量代码 改善Java程序的151个建议》书摘

    例子1:三元操作符的陷阱 int i = 80; String str1 = String.valueOf(i < 100 ? 90 : 100); String str2 = String.v ...

  5. 24点游戏&&速算24点(dfs)

    24点游戏 Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Submit Sta ...

  6. 8位(bit)=1字节(Byte)

    8位(bit)=1字节(Byte),1024字节=1KB: 提到了字节,不得不再提到“字”这个计量单位:“字”由若干个字节构成,字的位数叫做字长,字长就是说字所对应的二进制数的长度.不同的机器有不同的 ...

  7. JAVA Socket连接服务器时可能抛出的异常

    1.UnknownHostException:host(非ip)无法识,就会报该异常,www.google.com.hk这个虽然也ping不通,但是不会报该错,因为他是一个确实存在的域名.他会报Con ...

  8. Android 获取 root权限

    在进行android 开发的时候,经常用真机进行调试,有时候需要把手机中的sqlite数据复制出来.这时候就需要获取手机的root权限.通过 adb shell 命令可以获取权限. 1. 运行cmd ...

  9. Android博客

    各版本SDK Tools及ADT下载技巧:http://www.cnblogs.com/zhjsll/p/5147553.html 深入浅出SlidingMenu:http://www.cnblogs ...

  10. C#VS面向对象基础(二)

    这里我们接着上一篇博客,继续学习用C#实现面向对象中的概念.这里学习下边几个,当然我们还是通过动物比赛的例子. 多态:表示不同的对象可以执行相同的动作,但是通过它们自己的实现代码来执行.这里需要将父类 ...