`
379548695
  • 浏览: 155566 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

我见过最牛逼的jquery弹出窗口插件 lhgdialog

 
阅读更多



lhgdialog运行环境

lhgdialog是基于浏览器的HTML、CSS和Javascript环境开发的,因此原则上市场上绝大部分浏览器我们都能完美的运行,目前已测试的浏览器兼容列表如下:IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+ (+号代表往后所有新版本)。lhgdialog是完全基于浏览器环境的,因此不存在操作系统选择性,是完全跨平台的。lhgdialog同时也可以应用在任何的服务端语言环境下,例如:PHP、ASP、ASP.NET、JAVA等,能够非常灵活简单的和您的系统实现完美的无缝衔接。

lhgdialog基本使用指南

您只需按照以下简单步骤即可学会使用lhgdialog:

  1. 下载最新版本lhgdialog:http://lhgcore.com/lhgdialog.rar
  2. 将下载的压缩文件解压缩,上传其中的lhgcore.min.js以及lhgdialog.min.js和skins文件夹到网站相应文件夹中
  3. 在需要调用lhgdialog编辑器的网页head标签结束之前添加以下代码:
    <script type="text/javascript" src="lhgcore.min.js"></script>
    <script type="text/javascript" src="lhgdialog.min.js"></script>
    注:如果将窗口组件做为jQ的组件来使用就不需要加载lhgcore.min.js库文件,而要加载jQ库文件。
    <script type="text/javascript" src="jquery-1.6.min.js"></script>
    <script type="text/javascript" src="lhgdialog.min.js"></script>
    注:作为jQ组件来使用一定要注意把lhgdialog.min.js文件中代码最后小括号里的lhgcore改成jQuery,为里要区分大小写
    3.4.3以后的版本不再需要改这里了,加载jQuery的库后直接就可以使用。
  4. lhgdialog提供两种方式弹出窗口:
    <head>
    <script type="text/javascript">
    //第一种jQ调用方式
    J
    (function(){
        J
    ('#dg').dialog({ id:'test1', html:'lhgdialog' });
    });

    //如果作为jQ组件来用的话J就得换成$
    $
    (function(){
        $
    ('#dg').dialog({ id:'test1', html:'lhgdialog' });
    });

    //第二种普通函数式调用
    function opdg( id )
    {
       
    var dg = new J.dialog({ id:id, html:'lhgdialog' });
       
    //如果作为jQ组件来用的话J就得换成$
       
    var dg = new $.dialog({ id:id, html:'lhgdialog' });
        dg
    .ShowDialog();
    }
    </script>
    </head>
    <body>
       
    <input type="button" id="dg" value="opendg1"/>
       
    <input type="button" value="opendg2" onclick="opdg('test2');"/>
    </body>
    注:第一种方式适合于简单的调用弹出窗口的方式,但必须放到J(function(){ ... });里
    第二种方式适合于传参数或调用功能较复杂的弹出窗口,注意一定要定义变量后再调用ShowDialog()方法,不要写在一行。

经过以上步骤,你就已经成功的将lhgdialog弹出窗口插件安装在你的网页中。若需要学习更多的使用技术,请参阅:API参数控制接口

 

分享到:
评论

相关推荐

    javascript弹出窗口lhgdialog

    javascript弹出窗口lhgdialog 非常好用

    lhgdialog 弹出窗口插件

    **lhgdialog 弹出窗口插件** lhgdialog 是一款功能强大的JavaScript弹出窗口插件,它提供了丰富的自定义选项和简洁的调用方式,使得开发者能够在网页中轻松实现各种对话框效果。这款插件以其高效、易用和可定制的...

    lhgdialog DIV+JS弹出窗口插件

    **lhgdialog** 是一个基于 **JavaScript** 的弹出窗口插件,专为网页开发者设计,用于创建功能丰富的对话框。这个插件采用 **DIV** 元素作为基础,通过 **JS** 进行交互控制,可以实现各种复杂的弹窗效果,如提示...

    LHGDialog 4.0.1 正式版 lhgDialog弹出窗口组件 lhgdialog-4.0.1

    本组件主要以iframe方式加载单独页面为主的弹出窗口,由其适用于后台管理和webOS类项目使用,独立的内容页更方便管理,页面的也不易受其它页面的影响,而且内容页可以是静态或动态的任何一种文件。 强大灵活的接口 ...

    lhgdialog弹出窗口控件使用说明

    lhgdialog是一款由李辉刚开发的弹出窗口控件,用于在网页中创建具有定制化功能的对话框。该控件提供了丰富的配置选项和多种内容展现方式,适合于多种场景下的网页交互设计。 首先,了解lhgdialog的文件结构至关重要...

    LHGDialog V3.5.2 正式版 lhgDialog弹出窗口组件 lhgdialog V3.5.2

    lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 版本(2011-07-04 发布): V3.5.2 窗口lhgdialog.min.js文件的url...

    lhgdialog 弹出窗口插件 v3.1.2

    lhgdialog v3.1.2 弹出窗口插件代码全部重构,整个插件只使用了一个lhgdialog.js核心文件,代码更加精减,规范。主库lhgcore.min.js也做了很多优化,效率更高,插件的代码也做了很多优化,效率也更高,由于代码全部...

    lhgdialog 一个很好用的弹出窗口插件

    lhgdialog 是一款优秀的弹出窗口插件,它为开发者提供了方便快捷的方式来创建各种类型的对话框,如提示、警告、确认、信息以及自定义内容的弹窗。这款插件以其简洁的API、丰富的功能和良好的可定制性受到了广泛的...

    lhgdialog 弹出窗口控件

    lhgdialog是一款优秀的JavaScript弹出窗口插件,它以其简洁的代码、丰富的功能以及高度可定制的皮肤,深受开发者喜爱。这款插件能够帮助网页开发者轻松实现各种复杂的对话框效果,如提示信息、确认对话、自定义内容...

    lhgdialog弹出窗口例子

    《lhgdialog弹出窗口应用详解》 lhgdialog是一款广泛应用于前端开发中的轻量级对话框插件,尤其在JavaScript和HTML5项目中,它以其简洁的API和丰富的自定义选项,为开发者提供了强大的弹出窗口解决方案。本文将深入...

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

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

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

    《lhgdialog DIV+JS弹出窗口插件 V3.52》是一个专门用于网页开发的JavaScript组件,它为开发者提供了强大的对话框功能。这款插件以DIV元素为基础,结合JavaScript技术,使得在网页上创建各种类型的弹出窗口变得简单...

    lhgdialog DIV弹出窗口框架

    而其它弹出 窗口(比如:JQuery,ExtJs,Mootools,还有其它弹出窗口等)CUP的占有率都在50%左右,最高60%以上。 窗口样式更改简便:组件采用的是QQ2009窗口的界面,虽说不上很漂亮,但也不算难看(本个界面设计...

    lhgdialog 弹出窗口组件

    **lhgdialog 弹出窗口组件** lhgdialog是一款高效且功能丰富的JavaScript弹出窗口组件,专为网页设计和开发者打造。它具有轻量级、简洁的代码结构,以及广泛的浏览器兼容性,支持IE 6.0+、Firefox 3.0+、Opera 9.6+...

    lhgDialog JS弹出窗口 v4.0.0

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

    基于JavaScript实现的lhgdialog DIV弹出窗口框架

    为了解决这个问题,开发者们创造出了各种自定义的弹出窗口框架,其中lhgdialog就是一个基于JavaScript实现的优秀实例。 lhgdialog框架是一个轻量级的、高度可定制的弹出窗口解决方案,它通过使用HTML的DIV元素和CSS...

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

    **jQuery的lhgdialog窗口组件**是一款用于网页交互的弹出窗口工具,其4.1.1版本在设计上充分考虑了对各种浏览器的兼容性,确保在不同的平台上都能提供一致且优秀的用户体验。该组件的核心功能是为网页提供美观、易用...

    lhgdialog弹出窗口、浮动层插件下载.rar

    lhgdialog弹出窗口、浮动层插件下载,全部示例都在_demo.html文件里,运行它即可看到所有示例。lhgdialog的官方主页里的下载地址是google托管的,现在已经不能下载了,这个是我以前下载的一个版本,用起来也很方便的...

    lhgdialog弹出窗口框架

    lhgdialog是一个强大的JavaScript弹出窗口框架,专为前端开发者设计,用于创建功能丰富、高效且自定义程度高的对话框。这个框架具有多种用途,包括警告、确认、提示、信息展示以及更复杂的交互式对话框。它以轻量级...

Global site tag (gtag.js) - Google Analytics