简单实用的jQuery提示框美化插件(支持alert、confirm和toast)

所属分类： JQ特效 UI 工具提示

查看演示立即下载

插件描述：一个基于jQuery的提示框美化插件，可以支持alert、confirm和toast的提示框，即使没有刷新页面，多次使用也不会重复出现多个提示框。

更新时间：2020-04-20 23:10:20

使用方法

1、引入jquery ;

2、引入Fytx_Tips.css ;

3、引入Fytx_Tips_Config.js , 打开这个文件可修改弹出框的颜色;

4、引入Fytx_Tips.js ;

5、弹出 alert 框方法:

调用函数：

1	`$.alert("标题","内容");`

6、弹出 confirm 框方法:

调用函数：$.confirm("标题","内容","确定按钮传递参数(可选)","取消按钮传递参数(可选)");

回调函数：（不需要回调时，可以省略回调函数）

$.isok() 或 $.isok("确定按钮传递参数");

$.iscancel() 或 $.iscancel("取消按钮传递参数");

例如：

弹出confirm框,点击确定回调 $.isok() , 点击取消回调 $.iscancel()

$("#confirmbtn").click(function(){
    $.confirm("提示信息","这个是弹出confirm框！");
});
$.isok=function(){
    alert("点击了确定按钮！");
}
$.iscancel=function(){
    alert("点击了取消按钮！");
}

弹出confirm框,点击确定回调 $.isok(ok) , 点击取消回调 $.iscancel(cancel)

$("#confirmbtn").click(function(){
    $.confirm("提示信息","这个是弹出confirm框！","这是确定按钮传递参数","这是取消按钮传递参数");
});
$.isok=function(ok){
    alert(ok);
}
$.iscancel=function(cancel){
    alert(cancel);
}

7、弹出 toast 框方法:

调用函数：$.toast("内容","弹出框自动关闭时间(整型)默认值为3","弹出框是否可点击关闭（布尔型）");

例如：

$.toast("内容",5,true); 弹出toast框5秒后自动关闭，在关闭之前也可以点击弹出框直接关闭;

$.toast("内容",5,false); 弹出toast框5秒后自动关闭，在自动关闭之前点击弹出框也不会关闭;

$.toast("内容",0); 弹出toast框不会关闭，刷新页面或调用$.removetoast()进行关闭;

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jquery bootstraps响应式建筑装修类网站模板
下一个特效： jquery bootstraps响应式IT类公司网站模板