当前位置:首页 > 日记 > 正文

jQuery插件alertify提示使用指南

jQuery插件alertify提示使用指南
1.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,显示效果是不同的,如圆角、阴影、动画等的影响,将不显示。

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

相关文章

用Javascript介绍包装的类型

用Javascript介绍包装的类型

类型,电脑软件,Javascript,不要看最近的犀牛书,翻译得又烂又笨,特别是样机出了故障,然后由同事们买了JS高级程序设计,然后继续苦,不吐槽,包装型的JS差不多新鲜了。 1:字符串 说到字符串类型,它非常有趣。我们通常用这种方式定义字符串类型,如下所…

实用教程Word2003教程在Word2003的

实用教程Word2003教程在Word2003的

教程,实用教程,时间表,形式,课程,word形式很容易操作,不像Excel,但是非专业人员不使用它来做表格。有些表格数据需要用excel来完成,但是有些简单和基本的形式我们只需要用word来做。许多朋友不太熟悉word的制作。实际上,学会用word来制作表格是…

毕业季的朋友告别,真正的伤感签名伤

毕业季的朋友告别,真正的伤感签名伤

伤感,朋友,电脑软件,青春散场,回首过去三年的青春,在美丽的校园影响力。毕业后,一个是一个更好的未来,另一方面要离开母校、同学朋友,难免有很多悲伤和担心,毕业后,必须面对分离,我们无法选择,让光想表达我们的祝福以前的同学,以下是一个朋友留下真挚…

什么是PS图象处理软件CS6做当它没

什么是PS图象处理软件CS6做当它没

图象,当它,处理软件,工作,电脑软件,PS图象处理软件CS6做不了什么,建议停止工作这种情况下,通常是因为原来的英文版本是下载和安装的,要破解,如果方法不正确,会有一系列的问题。 我们安装了PS CS6中,英文原版的下载和安装,裂纹,裂纹如果方法不正确,会…

超重女孩个性的QQ签名

超重女孩个性的QQ签名

女孩,个性,电脑软件,QQ,没有男孩,女孩们可以过得很好。 即使你感到困惑,你也必须足够坚强,把以前的嘲弄和讽刺变成灰烬。 清明有雨,为前者扫墓。 我真羡慕你这么年轻就认识我了! 我希望你找的所有女朋友都会膨胀。 没有什么是无所畏惧的理由。 …

用PHP生成缩略图的一种方法

用PHP生成缩略图的一种方法

方法,缩略图,电脑软件,PHP,本文介绍了用php生成图片缩略图的方法,供大家参考: GD2库需要用在这里 功能make_thumb(美元美元美元DEST,SRC,desired_width) { 阅读源代码图像 source_image = imagecreatefromjpeg美元($ SRC); 宽度= imagesx美元(美元s…

当音效电影播放时,让WPS演示演示没

当音效电影播放时,让WPS演示演示没

音效,演示,电影播放,声音,课程,一些电影文件有时是插在演示文稿或课件WPS演示。如果我们是audiated插入电影文件,我们需要将视频文件插不播放声音,这样我们就可以解释我们的游戏内容或匹配自己的记录。 如果遇到这种情况,你会怎么办你能找到…

如何在WPS文本中实现一组精确的文

如何在WPS文本中实现一组精确的文

文本框,精确,如何在,电脑软件,文本中,如何在WPS文本中实现一组精确的文本框 制作红头文件时,我们需要建立一套;在印刷的邀请,我们需要设置,并填写信封,我们也需要比赛。在计算机网络和无处不在的时代,我们越来越多的手写那布楚守,使当地的语言,要帮…

PS图象处理软件的影响进行了灰色塑

PS图象处理软件的影响进行了灰色塑

文字,图象,进行了,处理软件,灰色,好的水晶或塑料字不是简单的图层样式,需要使用多层叠加文字,慢慢渲染高光和阴影。 1。首先,我们建立了一个新的文件,大小:800x290px,背景填充为灰色,并增加了一些鲜艳的颜色,达到所需的文本和复制的两层。然后讲…

对Excel表格Excel2003教程的基本操

对Excel表格Excel2003教程的基本操

基本操作,教程,表格,电脑软件,Excel,Excel是微软办公套件软件的重要组成部分。它可以进行各种数据处理、统计分析和辅助决策操作,广泛应用于管理、统计、金融、金融等领域。 excel表的基本操作:打开excel表 在电脑左下角点击开始选择;;;所有程序…

审美情绪爱好者的人格特征

审美情绪爱好者的人格特征

特征,人格,爱好者,情绪,电脑软件,因为有了诺言,这个人一直陪伴着我。 因为有了承诺,这个女人让我一辈子都爱我。 原谅我不够好,但我会和你在一起很长时间。 不管你是好是坏,我都会和你在一起。 人生太完美,有缺陷 生活太单调,总是很寂寞 微笑和甜…

一个解决mouseout引发的小鼠通过选

一个解决mouseout引发的小鼠通过选

选择,小鼠,电脑软件,mouseout,本文阐述了引发的小鼠通过选项在IE中分享你的参考mouseout的解决方案。具体分析如下: 要实现的功能: 有一个DIV.当鼠标经过时,div扩展完全。当鼠标移开,div的合同回来,有一个选择框部 当操作选择时,IE.会出现一个…