jquery UI AeroDialog弹出透明对话框，信息提示窗体等

主要有关网页常用的对话框系列开发使用。如需要完善此类插件，请留言并继续跟踪。 后期会添加使用说明文档，在代码部分以提示，参数配置可见源码。 Aerodialog
v0.3最新版本。

· [2012-04-01]
Aerodialog v0.2 版本发布

· -
[发布] 第一次在开源网站发布此插件。

· -
[功能] 常用对话框插件开发，包括各种对话框系列：提示、疑问、警告、内容、错误、成功，对话框。

· -
[功能] 特效，可拖动。

· -
[功能] 暂时支持单皮肤。

· -
[功能] 支持事件回调。

· -
[功能]
IE6下暂时不支持透明。

· [2012-04-07]
Aerodialog v0.3版本更新

· -
[新增] 增加了zcms蓝色透明皮肤。

· -
[新增] 窗口icon图标显示。

· -
[调整] 对话框图标的显示方式，统一改为css控制，不再使用img标记。

· -
[调整] 皮肤专用文件夹层次目录。

· -
[调整] 修改了拖动过程中的透明度。

· 插件说明

· -
AeroDialg 是一款基于 jQuery 的多功能对话框插件，能够实现网站的整体风格效果，给用户一个新的视觉享受。

· 运行环境

· -兼容 IE6+、Firefox、Chrome、Opera 等主流浏览器。备注：IE6咱不支持透明效果。

· 使用授权

· -
AeroDialg永久免费使用，但是必须保留相关的版权信息。如果有好的建议，请Email: atlatl333@126.com，AeroDialg的完善需要大家的好建议。

· 使用方法：

· <link
href="skins/zcms/AeroDialog.css" rel="stylesheet">

· <script
src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

· <!--<link
href="skins/jquery-ui-1.8.18.custom.css" type="text/css" rel="stylesheet">-->

· <script
src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

· <script
src="js/AeroDialog.v0.2.js" type="text/javascript" language="javascript"></script>

· 代码示例：

有三个参数，第一个是内容，第二个是标题，第三个是对按钮事件处理，根据返回的值来确认点击了哪个按钮。

AeroDialog.对话框类型(“内容”,”标题”,function(evt){});

把下面代码写在jquery中，例子：

AeroDialog.confirm("出了什么问题？","Title",function(action){

if(action=='ok') alert("你点击了OK按钮");

if(action=='close') alert("你点击了close按钮");

if(action=='yes') alert("你点击了yes按钮");

if(action=='no') alert("你点击了no按钮");

if(action==' cancel') alert("你点击了cancel按钮");

});

AeroDialog.alert("你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好!你好");

AeroDialog.warning("你好!你好!你好!你好!你好!你好!");

AeroDialog.error("见鬼，搞错了!");

AeroDialog.question("有什么问题尽管问？");

AeroDialog.html("这里就随便显示点提示");

AeroDialog.success("恭喜你恭喜你恭喜你恭喜你恭喜你恭喜你！！！",'购物成功');

· 设计目标：

· [1]脱离jquery
ui文件束缚

· [2]文件压缩

标签：

jQuery jQuery UI

代码片段(5)

[文件] AeroDialog v0.3.rar ~ 660KB 下载(137)

[图片] jquery AeroDialog插件

[图片] jquery AeroDialog插件

[图片] 20120407201410.jpg

[图片] 20120407201743.jpg