lhgdialog弹出窗口框架（最终完善版）.

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=1275

一、组件简介

lhgdialog DIV弹出窗口框架是一个简洁、高效、美观、易用的多功能弹出窗口组件。

它的主要特点有：

代码简洁：整个组件所有代码总共18K，如果不算上图片和CSS样式表文件，总共大小才12K不到。（这是在代码未压缩情况下）

程序运行效率高：弹出窗口在打开和拖动时非常流畅，在同等测试条件下，CUP的占有率在30%左右，最高不超过40%。而其它弹出窗口（比如：JQuery，ExtJs，Mootools，还有其它弹出窗口等）CUP的占有率都在50%左右，最高60%以上。

窗口样式更改简便：组件采用的是QQ2009窗口的界面，虽说不上很漂亮，但也不算难看（本个界面设计能力较差:-)...）如果你想更改窗口样式也很容易，组件采用的是静态模板来设计的窗口的样式，你只要更改lhgdialog.html里body 之间的HTML代码，再相应改下lhgdialog.css样式表文件即可。而且组件样式不受调用页面限制，可随意更改你想要的样式。

可扩展性强，复用性高：组件提供了基本常用的功能，在此基础上可根据个人需要增加相应功能，只需要增加少量代码即可开发出各种弹出窗口。而且窗口的内容页和框架也是相互独立的，设计好框架后你只要更改内容页即可。

组件调用灵活：在同一页面可以调用任意多个弹出窗口，而且最突出的是在同一页面可以弹出不带遮罩和带遮罩的窗口混用。

支持所有主流浏览器：IE6+，Firefox2.0+，Chrome(谷歌浏览器)，Opera9.5+，Safari3.0+等。（题外音：个人觉得Opera最好用，打开网页的速度是我上面列出所有浏览器中最快的，不是指打开我的组件，而是打开任何网页个人感觉速度很快，而且人性化设计也是比较突出的。不是做广告噢:-)...）

本人编写组件一直争取能在满足使用的情况下做到代码最简洁，执行效率高，所以有些不太实用的功能就没有加上，如朋友们需要可自行加上，或与我共同探讨也可。我的QQ：463214570 ，blog：http://www.cnblogs.com/lhgstudio

二、组件结构

lhgdialog.js：组件主调用文件，在调用的地方只需要该文件。

lhgdialog.html：组件窗口静态模板文件，控制窗口样式及对窗口的操作。

lhgdialog.css：组件窗口样式表文件。

_content.html：组件窗口内容页示例文件，此页面由用户自己随意定制。

_samples.html：调用组件示例页，即此页面。

images：窗口所有图片文件夹

三、调用方法及参数说明

在需要调用的页面引入lhgdialog.js，例如：<script type="text/javascript" src="lhgdialog.js"></script>

然后在要调用的位置上引发的事件中加入调用代码，例如：<input type="button" οnclick="lhgdialog.opendlg(...);"/> 或者在οnclick=这写个自己的函数，如：open();然后再在JS的部位里加个function open()函数，再在里面调用lhgdialog.opendlg

参数说明：lhgdialog.opendlg是主调函数，他共有7个参数，详细如下：

lhgdialog.opendlg( 窗口标题，内容页，窗口宽，窗口高，是否显示遮罩层，弹出窗口距顶部距离，弹出窗口距左边距离）

例如：lhgdialog.opendlg( '登录窗口', 'login.html', 400, 300 ); 后面的参数如果不用可以省略

lhgdialog.opendlg( '', 'ok.html', 600, 480, true, 100, 200 ); 如果前面有不填的参数就用''就可以了，但不可省略。

四、下载：

http://files.cnblogs.com/lhgstudio/lhgdialog.rar

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=1275

lhgdialog弹出窗口框架（最终完善版）.相关推荐

lhgdialog 弹出窗口插件 API
lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件通过以下代码弹出窗口使用字面量传参 $.dialog(options) vardialog=$.dialog({title:'欢迎', ...
lhgdialog弹出框组件参数详解(自己曾经开发的fuzz项目中用到过)
lhgdialog弹出框组件参数详解鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623 同文:http://wjch-111.it ...
lhgdialog弹出框组件参数详解
lhgdialog基本使用方法 : 1.下载最新版本lhgdialog: http://lhgcore.com/lhgdialog.rar 2.在需要调用lhgdialog编辑器的网页head标签结束 ...
弹出窗口lhgDialog API文档
如果您使用独立版本的lhgDialog窗口组件,您只需在页面head中引入lhgcore.lhgdialog.min.js文件,4.1.1+版本做了修改可以和jQuerya库同时引用,而且4.1.1+ ...
(转)弹出窗口lhgDialog API文档
应用到你的项目如果您使用独立版本的lhgDialog窗口组件,您只需在页面head中引入lhgcore.lhgdialog.min.js文件,4.1.1+版本做了修改可以和jQuerya库同时引用, ...
ASP.NET弹出窗口技术之增加网站流量方法
作为Microsoft的最新建立动态Web网站的工具,ASP.NET相对于ASP和JSP在改变原始的Web编程方式方面有了长足的长进.它的代码与页面分离技术(CodeBehind)以及完善的Web服务 ...
window.open() 某些情况会被浏览器阻止弹出窗口
window.open() 的作用是创建一个新的浏览器窗口用来打开相关的资源,这是一个原生的 Javascript API 接口.有关 window.open() 的基本使用可以参考 mozilla ...
WatiN——Web自动化测试（三）【弹出窗口处理】
上一节我们说了关于WatiN的自动化的框架的设计,一般的系统应用应该可以.关于Case的本身的编写在实际应用中也会有一些问题和难题.这一节我将 WatiN的弹出框作一下详细的总结.在实际网页中,操作按 ...
JavaFX弹出窗口和消息对话框代码示例
弹出窗口弹窗类 package cn.zxl.AlertWindow;import javafx.geometry.Pos; import javafx.scene.Scene; import ja ...

lhgdialog弹出窗口框架（最终完善版）.

lhgdialog弹出窗口框架（最终完善版）.相关推荐

最新文章

热门文章