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. cf466A Cheap Travel

    A. Cheap Travel time limit per test 1 second memory limit per test 256 megabytes input standard inpu ...

  2. HDOJ-1042 N!(大数乘法)

    http://acm.hdu.edu.cn/showproblem.php?pid=1042 题意清晰..简单明了开门见山的大数乘法.. 10000的阶乘有35000多位 数组有36000够了 # i ...

  3. Centos下需安装Pytnon,Pytharm

    1.在www.python.org/PIPY/下载python3.4.2.tar.gz 2.在安装之前最好先安装相关的开发工具 # yum groupinstall develtools # yum ...

  4. SQLite.dll混合模式程序集是针对“v2.0.50727”版的运行时生成的,在没有配置其他信息的情况下,无法在 4.0 运行时中加载该程序集。

    其他信息: V5.7.4.4 Can't find the System.Data.SQLite.dll more info : 混合模式程序集是针对"v2.0.50727"版的运 ...

  5. OC基础9:预处理程序

    "OC基础"这个分类的文章是我在自学Stephen G.Kochan的<Objective-C程序设计第6版>过程中的笔记. 1.  关于#define语句: (1). ...

  6. 【设计模式】学习笔记13:组合模式(Composite)

    本文出自   http://blog.csdn.net/shuangde800 认识组合模式 上一篇中,我们可以用迭代器来实现遍历一个集合(数组,ArrayList, Vector, HashTabl ...

  7. javascript 事件处理

    [写在前面]近期一直在看js的基础,毕竟jquery尽管好用,总归是用着别人写的,仅仅会用api不如搞清楚实现的原理. 等把js基础巩固好了一定要去读jquery的源代码. 事件流 事件流描写叙述的是 ...

  8. CF 444A(DZY Loves Physics-低密度脂蛋白诱导子图)

    A. DZY Loves Physics time limit per test 1 second memory limit per test 256 megabytes input standard ...

  9. 初探swift语言的学习笔记七(swift 的关健词)

    每一种语言都有相应的关键词,每个关键词都有他独特的作用,来看看swfit中的关键词: 关键词: 用来声明的: “ class, deinit, enum, extension, func, impor ...

  10. Majority Element,Majority Element II

    一:Majority Element Given an array of size n, find the majority element. The majority element is the ...