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
分享到:
相关推荐
lhgDialog弹窗插件,包含帮助文档和demo,
lhgDialog弹窗插件,包含帮助文档和dome
lhgdialog拓展功能弹窗插件源码 lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件, 基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+, Chrome 1.0+,Safari 3.22+。 本事例只针对lhgdialog的拓展...
NULL 博文链接:https://hudeyong926.iteye.com/blog/689600
在弹窗插件lhgdialog的基础上,进行了扩展,兼容单签各种主流浏览器,不限开发语言。 二、功能介绍 整理了常用的弹出窗口,代码简单,其它功能见图。 三、注意事项 开发环境为Visual Studio 2010
本人常年开发使用的弹窗(LhgDialog),这个是个插件,经本人长期整理总结出常用的!弹出页面,弹出图片,弹出提示框均可,也使用过别的弹窗,但是扩展性没有这个强!
lhgdialog DIV+JS弹出窗口插件 ! lhgdialog DIV+JS弹出窗口插件 !
写了11种窗口弹出效果;如不带和带遮罩层的普通窗口,返回值到调用页面,在指定位置弹出窗口并随滚动条滚动等
lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件 专为大型弹出窗口定制相对于网上其它弹出窗口组件主要功能是提示信息来说,本组件主要是用来制作窗口中内容较多,页面比较复杂的窗口。本组件的窗口内容面...
摘要:脚本资源,Ajax/JavaScript,lhgdialog,弹出框插件 lhgdialog 弹出框插件,以前就有的插件,已经作者的修正完善,并优化了代码,重新打包奉上。 使用时注意:lhgdialog目录是一个整体,不可破坏里面的目录结构...
lhgdialog弹窗选择数据,包含实例代码.
lhgdialog 一个很好用的弹出窗口插件lhgdialog 一个很好用的弹出窗口插件lhgdialog 一个很好用的弹出窗口插件lhgdialog 一个很好用的弹出窗口插件
lhgdialog超强弹窗控件,支持遮罩,缩放、拖动,随滚动条滚动,丰富接口调用 可以外调页面,也可以显示html内容 我自己扩展如下: http://www.px915.com/lhgdialog/_demo.html 1、改变了弹窗的样式(自认为喜欢...
在制作网站的时候,页面和窗口间的交互肯定会非常频繁,本组件提供了丰富的交互控制接口,可以非常方便的进行页面间的数据的传输。强大灵活的接口,细致的用户体验,可以换多套皮肤,跨平台兼容特性,开源。
NULL 博文链接:https://aaagu1234.iteye.com/blog/1265338
本包包含API文档 - 弹出窗口组件演示_files、基础示例 - LHGDIALOG_files、API文档 - 弹出窗口组件演示.htm、窗口lhgdialog参数.doc、窗口的各种传值在线演示示例.doc、窗口的各种在线演示示例.doc、基础示例 - ...
一款很好用的弹出窗口js插件 还可以更换皮肤的哦! 很有效果都是简单的调用一下方法就实现了 很实用哦!
基于Bootstrap 2.3.2,相关的其他插件包括图标控件FontAwesome、等待提示控件Spinjs(修改版)、弹窗控件lhgdialog(修改版) 主要展现: 封装请求参数(查询、排序、分页,不再需要data和dataSrc) 封装返回数据 自定义...
lhgdialog有多个版本, 我这个例子主要实现 1、框架中使用lhgdialog 2、弹出窗口关闭后回刷父窗口 3、一些例子 4、一些皮肤