68素材站

jQuery网页弹出提示框美化插件 支持alert、confirm和toast

68素材 126 0
jQuery网页弹出提示框美化插件 支持alert、confirm和toast
查看演示:暂无演示
附加服务:安装、调试(根据实际情况额外收费)
已下载 0 收藏
特效分类弹窗/悬浮 文件大小0.03 MB 需要授权无需授权 是否开源开源
详细说明

使用方法:

1、引入jquery ; 
 
2、引入Fytx_Tips.css ; 
 
3、引入Fytx_Tips_Config.js , 打开这个文件可修改弹出框的颜色; 
 
4、引入Fytx_Tips.js ; 
 
5、弹出 alert 框方法: 
调用函数:$.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()进行关闭;


发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~