`
FireFlyWithCat
  • 浏览: 89288 次
  • 性别: 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弹窗插件 气泡提示

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

    lhgDialog弹窗插件

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

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例

    基于Bootstrap 2.3.2,相关的其他插件包括图标控件FontAwesome、等待提示控件Spinjs(修改版)、弹窗控件lhgdialog(修改版) 主要展现: 封装请求参数(查询、排序、分页,不再需要data和dataSrc) 封装返回数据 自定义...

    lhgdialog_脚本实例_

    接下来,我们将深入`lhgdialog`的使用方法。在实际的脚本实例中,我们可以看到如何通过JavaScript调用`lhgdialog`函数,传递不同的参数来定制弹出窗口。例如: ```javascript lhgdialog({ title: '对话框标题', ...

    jquery-confirm设置按钮显示中文

    在引入jQuery和jquery-confirm插件后,我们可以使用$.confirm()方法来创建一个对话框。例如: ```javascript $.confirm({ title: '确认操作', content: '你确定要删除这个文件吗?', buttons: { 确认: function...

    lhgdialog DIV+JS弹出窗口插件 V3.52.zip

    7. **易于集成**:由于lhgdialog基于纯JavaScript编写,因此可以轻松地与现有的前端框架(如jQuery、Vue、React等)结合使用,提高了开发效率。 在实际应用中,lhgdialog不仅可以用于简单的消息提示,还可以承载...

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例(PHP&JAVA)

    基于Bootstrap 2.3.2,相关的其他插件包括图标控件FontAwesome、等待提示控件Spinjs(修改版)、弹窗控件lhgdialog(修改版) 主要展现: 封装请求参数(查询、排序、分页,不再需要data、dataFilter和dataSrc) 封装返回...

    js组件弹出框

    1. **lhgdialog**:LHGDialog是由李洪刚(Lihongguang)开发的一个轻量级、高度可定制的对话框插件。它提供了多种样式和配置选项,包括自定义标题、内容、按钮、图标等,支持异步加载内容,同时具备拖动、最大化、...

    javaScript Div弹出窗口

    ymPrompt是另一个JavaScript弹窗插件,版本号为4.0-B-20090302。它提供了一种简单的方式来进行提示、警告、确认和输入框类型的弹窗操作。ymPrompt的使用也相当直观,只需引入相应的JS和CSS文件,然后调用相应的方法...

Global site tag (gtag.js) - Google Analytics