`
FireFlyWithCat
  • 浏览: 88331 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

1
2
分享到:
评论
1 楼 zhuzhufyzhb 2013-05-06  
这个兼容不好吧

相关推荐

    lhgDialog弹窗插件4.0

    下面我们将深入探讨lhgDialog的核心特性、使用方法以及如何通过提供的帮助文档和示例(demo)进行学习。 首先,lhgDialog的基本功能是显示各种类型的弹窗,如警告、确认、提示和自定义内容。这些弹窗可以根据项目...

    lhgdialog弹窗插件 气泡提示

    "lhgdialog弹窗插件 气泡提示"就是一款专门解决此类问题的工具,它提供了丰富的自定义选项和美观的界面效果,能够帮助开发者轻松实现各种类型的提示和交互。下面我们将详细探讨这款插件的功能、用法以及其与jQuery的...

    lhgdialog拓展功能弹窗插件源码

    lhgdialog拓展功能弹窗插件源码 lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件, 基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+, Chrome 1.0+,Safari 3.22+。 本事例只针对lhgdialog的拓展...

    lhgDialog弹窗插件

    lhgDialog是一款广泛应用于Web开发中的JavaScript弹窗插件,其设计目的是为了提供美观、功能丰富的对话框解决方案。这款插件具有高度可定制性,能够满足开发者在网页中创建警告、提示、确认、信息以及自定义内容...

    LhgDialog弹窗常用函数整理源码

    LhgDialog是一款强大的弹窗插件,专为提升用户体验而设计,具有高度的可扩展性和灵活性。下面我们将详细探讨LhgDialog的常用函数以及其在实际应用中的作用。 首先,LhgDialog的核心功能是创建各种类型的弹窗。通过...

    LhgDialog弹窗常用函数整理源码 LhgDialogCommonlyUsed.rar

    在弹窗插件lhgdialog的基础上,进行了扩展,兼容单签各种主流浏览器,不限开发语言。 二、功能介绍 整理了常用的弹出窗口,代码简单,其它功能见图。 三、注意事项 开发环境为Visual Studio 2010

    lhgdialog DIV+JS弹出窗口插件

    总的来说,lhgdialog是一个强大且易用的JavaScript弹窗插件,通过它可以轻松地在网页中创建功能完善的对话框,为网页开发提供了便利。如果你需要在项目中实现弹窗功能,lhgdialog是一个值得考虑的选择。通过阅读提供...

    lhgdialog弹出层,遮罩层效果源码示例

    6. 使用lhgdialog库: 要使用lhgdialog,首先需要在HTML文件中引入库的CSS和JavaScript文件。然后,通过JavaScript代码创建和控制弹出层,包括设置内容、配置选项、绑定事件等。lhgdialog提供了丰富的API和回调函数...

    lhgdialog 弹窗

    `lhgdialog` 是一个基于JavaScript实现的弹窗插件,它主要用于网页中创建各种类型的对话框,如警告、确认、提示等。该插件以其轻量级、自定义程度高和良好的用户体验著称。在网页开发中,对话框是一个不可或缺的元素...

    基于jQuery的lhgdialog窗口组件,4.1.1版本的,兼容所有浏览器

    在实际使用中,开发者通常会通过引用jQuery库和lhgdialog的JavaScript及CSS文件,然后调用相应的API来创建和管理对话框。例如,可以使用`$.dialog()`方法来打开一个对话框,并传入配置对象来设定对话框的属性,如...

    窗口插件 lhgdialog 4.2.0 正式版 轻量美观的dialog,多种皮肤可选择

    lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件 专为大型弹出窗口定制相对于网上其它弹出窗口组件主要功能是提示信息来说,本组件主要是用来制作窗口中内容较多,页面比较复杂的窗口。本组件的窗口内容面...

    lhgdialog 弹窗插件完善版 v4.0

    摘要:脚本资源,Ajax/JavaScript,lhgdialog,弹出框插件 lhgdialog 弹出框插件,以前就有的插件,已经作者的修正完善,并优化了代码,重新打包奉上。  使用时注意:lhgdialog目录是一个整体,不可破坏里面的目录结构...

    lhgdialog弹窗选择数据,包含实例代码.

    总的来说,`lhgdialog`是一个强大且灵活的JavaScript弹窗插件,可以帮助开发者轻松创建具有交互性的对话框,提升网页应用的用户体验。通过学习和掌握`lhgdialog`,开发者可以更好地实现与用户的互动,增强网站的功能...

    lhgdialog超强弹窗控件,支持缩放、拖动,丰富接口调用

    lhgdialog超强弹窗控件,支持遮罩,缩放、拖动,随滚动条滚动,丰富接口调用 可以外调页面,也可以显示html内容 我自己扩展如下: http://www.px915.com/lhgdialog/_demo.html 1、改变了弹窗的样式(自认为喜欢...

    lhgdialog弹出窗口例子

    本文将深入探讨lhgdialog的使用方法,包括如何在框架中集成、关闭后回刷父窗口的功能以及各种应用场景和皮肤选择。 首先,我们来看如何在项目中引入并使用lhgdialog。通常,你需要通过CDN或者本地引入js文件,例如`...

    lhgdialog 弹出窗口插件

    **lhgdialog 弹出窗口...总的来说,lhgdialog 是一个强大且灵活的JavaScript弹窗插件,它的易用性和丰富功能使得在网页中创建各种对话框变得轻而易举。无论是简单的提示,还是复杂的交互,lhgdialog 都能很好地胜任。

    lhgdialog弹出窗口控件使用说明

    加载lhgdialog插件时,需要在页面的部分引入lhgcore.min.js和lhgdialog.js,并确保lhgcore.min.js先于lhgdialog.js加载。 主调函数`J.dialog.get(id, options)`用于创建对话框,其中: - `id`是对话框的唯一标识,...

    Lhgdialog对话框使用总结(上)

    Lhgdialog是基于jQuery库构建的,因此在使用前需要确保页面已经引入了jQuery。例如,我们可以引入如`jquery-1.5.1.min.js`这样的jQuery库。在HTML文件中,我们通常将jQuery库和Lhgdialog的脚本放在`&lt;head&gt;`标签内,...

    lhgdialog弹出窗口框架使用说明

    **lhgdialog弹出窗口框架使用说明** lhgdialog是一个专为前端开发者设计的轻量级、高效能的弹出窗口组件。它以其强大的功能和灵活性,在网页应用中被广泛使用,尤其适用于需要创建各种复杂对话框场景。本文将详细...

Global site tag (gtag.js) - Google Analytics