(转)Jquery弹窗插件Lhgdialog的用法
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:关闭
我自己用:
- $(document).ready(function () {
- $(".outPage").dialog({
- title:"用户注册",
- width:400,
- height:300,
- content:'url:views/user/login.html',
- max:false,
- min:false,
- lock:true
- });
- })
Login.html是我的登录页面。就这么简单!比自己写快多了!不过要导入:
- <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的用法的更多相关文章
- java菜鸟篇<三> Jquery弹窗插件Lhgdialog的用法( 原文搬抄+添加,方便以后查找,书签太多了)
今天带我的大神让我做个消息提示,我准备用dialog作,于是乎百度+自己动动脑子 百度原文: Lhgdialog的用法 大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容. ...
- Jquery弹窗插件Lhgdialog的用法
Lhgdialog的用法 大家都知道用js可以实现,但是在使用js实现的弹窗时得考虑很东西:浏览器的兼容.页面的交互等等问题. 在这里简单介绍一下lhgdialog的用法. 参数有: Title:弹窗 ...
- jquery 弹窗插件 layer
jquery 弹窗插件 layer 官网:http://sentsin.com/jquery/layer/ 1 <!DOCTYPE html PUBLIC "-//W3C//DTD H ...
- jeecg之弹窗插件lhgdialog小结
说到弹窗,在jeecg中弹窗用到最多的地方无非是新增/编辑的弹窗. 1.列表页面新增编辑按钮触发的弹窗即lhgdialog,不论是add/update,最终走的都是curdtools.js中的crea ...
- jquery弹窗插件layer:layer.layui.com
这两天在做抽奖转盘功能,浏览器自带的alert弹出框太low,本人又基本不会前端, 于是借鉴前人用fancybox插件做的效果 结果没看懂其写法(http://www.0101shop.com/goo ...
- 自己动手丰衣足食,h5手机端jquery弹窗插件(事件冒泡、单例模式、遮盖部分禁止默认滚动)
感谢浏览,欢迎交流=.= 公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神), 手机端弹窗方式与pc ...
- jquery弹窗插件
.zhuti { position:absolute; z-index:; font-size:14px; border-radius:5px; box-shadow: 5px white; over ...
- jquery 弹窗插件 layer 常见接口
源自:https://www.cnblogs.com/teamobaby/p/3556584.html 常见接口如下: 方法名 描述 $.layer({}) 核心接口,参数是一个对象,对象属性参见上述 ...
- jQuery 动态绑定插件livequery的用法
随机推荐
- 武汉科技大学ACM :1008: 小t和小w
Problem Description 小t最近学了C语言,他想要在女朋友小w面前展示一下自己的能力,小w喜欢如样例所示的图形, 想让小t写一个程序来输出这样的图形,小t拿到后感觉有点困难,小t不想在 ...
- IE11新特性 -- Internet Explorer 11:请不要再叫我IE
Internet Explorer 11 中的一些新特性,包括对WebGL 的支持.预抓取.预渲染.flexbox.mutationobservers 以及其他一些 Web 标准的支持.但是更有趣的是 ...
- CSS5.4 安装问题集
由于手痒,将5.2 卸载了,装了5.4 出现如下错误:install failed to install com.ti.ccstudio.debugserver.win32 corrctly. ... ...
- obj文件的连接问题以及tlib的基本用法
1.基础研究 用tcc将程序编译为.obj文件. 这里也可以使用tcc -linclude run.c来将run.c文件编译成run.obj文件. 再用tcc对下面的程序进行编译链接,发现提示错误: ...
- rownum的使用
Oracle 提供了rownum,rownum是一个隐含的字段,默认从1开始. 取得前5条记录: 采用rownum进行分页查询: 需要使用三层嵌套查询来完成分页查询: 例如查询第三到第四条记录: se ...
- PHP Java
http://my.oschina.net/lajp/blog/5121 http://blog.163.com/lijianwei_123/blog/static/18489289120115244 ...
- Go语言环境配置 Sublime Text + GoSublime+ gocode + MarGo组合
买来<Go Web编程>一书学习Go语言,结果按照书中的步骤搭建,发现部分站点已经失效了,查了网上好多教程也没有人能够说清楚如何搭建.还是自己动手找方法吧,经过自己的不懈努力终于搭建好了. ...
- 自写 jQuery 大幅弹窗广告插件(不喜勿拍)
最近写了做的两个项目都要做几乎同一件事,在首页弹出一个广告.本来是想在网上找一个的,找了几个,花了时间但都不怎么满意,尼玛呀,坑爹呀…… 最后一想,干脆自己动手了. 第一次写,在网上找一些例子来看. ...
- 介绍一款超实用的演讲必备工具 ZoomIt
最近在整理以前的文件时,发现躺在某个角落的一个超好的实用的小工具——ZoomIt.此工具是 SysinternalsSuite(已被MS收购)众多实用工具的一个. 相信大家在演讲时,经常需要调整屏幕文 ...
- go语言的安装和配置,以及包引用
1.下载和安装 首先大家可以去官网下载 http://golang.org/dl/ 如果官网你看不懂的话,可以到这里下载: http://golangtc.com/download ,这里也提供了百度 ...