主要有关网页常用的对话框系列开发使用。如需要完善此类插件,请留言并继续跟踪。 后期会添加使用说明文档,在代码部分以提示,参数配置可见源码。
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]文件压缩