jQuery插件alertify提示使用指南
主要实现了提示功能,替换报警,确认,提示js,显示友好提示框。
2.alertify使用方法
1。使用的文件
三文件的主要用途,两CSS(alertify.core.css,alertify默认CSS),用于设置提示框的风格。一个JS(alertify.min.js或alertify js)实现的提示框的功能。
2。提示框代码的实现
Alertify是非常简单的使用,和主要步骤是:初始化(初始化alertify)绑定(绑定事件)
比如一个简单的提示框,确认框和提示框的实现。
VaR
$ =函数(id){
返回document.getelementbyid(ID);
},
初始化操作
重置=函数(){
alertify.set({
标签:{
ok:确认
取消:取消
},
延迟时间:5000,
buttonreverse:假,
buttonfocus:OK
});
};
绑定
$(通知)。Onclick =函数(){()
重置();
Alertify.alert(提示框);
返回false;
};
绑定
$(确认)。Onclick =函数(){()
重置();
Alertify.confirm (confirmation box
如果(e){
alertify.success(点击确认);
{人}
Alertify.error(,单击取消);
}
});
返回false;
};
绑定
$(及时)。Onclick =函数(){()
重置();
Alertify.prompt(提示输入框
如果(e){
alertify.success(点击确认,输入内容:+力量);
{人}
Alertify.error(,单击取消);
}
}默认值;
返回false;
};
显示结果(输入提示框):
4.alertify改作风
它主要是对两个CSS文件(alertify.core.css,alertify默认CSS),也可以在页面覆盖。
alertify {。
宽度:350px;
margin-left: - 205px;
边境:2px固体# 4ba9e6;
背景:# f3faff;
边框半径:0;
}
修改后,结果显示:
alertify使用说明
alertify是插件的HTML5 + CSS3开发的,所以它是HTML5 + CSS3的浏览器完全支持。在测试过程中,alertify显示在Chrome和Firefox浏览器的完美效果,但在IE8,显示效果是不同的,如圆角、阴影、动画等的影响,将不显示。
以上是本文的全部内容,希望大家能喜欢。