jQuery提示插件alertify使用指南

信息插件使用指南

是一个非侵入式、可定制的通知组件。包括可自定义的对话框，以及右下角的消息弹出框。完全可定制的警报、确认和提示对话框、完全可定制的通知系统、回调参数处理，包括“确定”和“取消”按钮点击，允许对话框排队

1.插件功能

主要实现提示功能，用于替换js中的alert，显示友好提示框

2.如何使用

1.使用的文件

主要使用三个文件，两个css（.core.css，..css），来设置提示框的样式。一个用于实现提示框功能的js（.min.js或.js）。

2.实现提示框代码

使用起来很简单，主要步骤是：初始化（）-》绑定（绑定事件）

如实现简单提示框、确认框、提示框等

变量

$ = (id) {

.(id);

},

//初始化操作

重置 = () {

.set({

：{

好的：“好的”，

：“取消”

},

延迟：5000，

：假的，

：“好的”

});

};

//绑定

$(“警告”). = () {

重置();

.alert(“警报”);

假的；

};

//绑定

$(“”)。 = () {

重置();

.(“确认框”, (e) {

如果 (e) {

.(“点击确认”);

} 否则 {

.error(“点击取消”);

}

});

假的；

};

//绑定

$(“”)。 = () {

重置();

.( “提示输入框”, (e, str) {

如果 (e) {

.(“点击确认，输入内容为：” + str);

} 否则 {

.error(“点击取消”);

}

}, “默认”);

假的；

};

显示结果（输入提示框）：

4.修改样式

主要是修改两个css文件（.core.css,..css），也可以覆盖。比如添加

.{

宽度：350px;

-左：-205px;

:2px 实心#;

:#;

-:0;

}

说明

是由html5+css3开发的插件，所以完美支持html5+css3浏览器。测试过程中，在浏览器中显示效果完美，但在IE8中显示效果不同，如圆角、阴影、动画效果等都不会显示。