1 .警报插件功能

主要实现提示功能，用于代替js中的提醒、确认和提示，并显示友好的提示框

2.如何使用2.alertify

1.使用的文件主要使用三个文件，两个css(alertify.core.css，alertify.default.css)，用来设置提示框的样式。用一个js(alertify.min.js或alertify.js)来实现提示框的功能。

2.使用提示框代码alertify非常简单。主要步骤是：初始化(初始化警报)->绑定(绑定事件)

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

var $=function(id){ return document . getelementbyid(id)；}，//初始化操作reset=function(){ alertify . set({ labels 3360 { ok : ' confirm '，cancel3360' cancel'}，delay: 5000，buttonreverse 3360 false，button focus : ' ok ' })；};//绑定$(“alert”)。onclick=function(){ reset()；如果出现以下情况，请发出警报。警报(“提示框”)；返回false};//绑定$(“确认”)。onclick=function(){ reset()；Alertify.confirm ('confirm box ')，函数(e) {if (e) {alert if。成功('点击确认')；} else { alert fy . error('单击取消')；} });返回false};//绑定$(“提示”)。onclick=function(){ reset()；Alertify.prompt('提示输入框'，函数(e，str) {if (e) {alert if.success '(点击确认，输入内容为： ' str)；} else { alert fy . error('单击取消')；}}，'默认值')；返回false};显示结果(输入提示框):

4.4.alertify的样式修改主要是修改两个css文件(alertify.core.css，alertify.default.css)，也可以覆盖。例如，添加到页面。alertify { width:350px左边距：-205 px；border:2px实心# 4 ba 9e 6；background: # f3faff边界半径：0；}修改后显示结果：

警报的使用说明

Alertify是html5 css3开发的插件，所以完美支持html5 css3浏览器。经过测试，alertify在chrome和Firefox浏览器中的显示效果都很完美，但是在ie8中，显示效果就不一样了，比如圆角框、阴影、动画特效等等都不会显示。

以上就是本文的全部内容，希望大家喜欢。