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: [email protected]，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