jQuery網(wǎng)頁彈出提示框美化插件支持alert和toast
【使用步驟】 1、引入jquery ; 2、引入Fytx_Tips.css ; 3、引入Fytx_Tips_Config.js , 打開這個文件可修改彈出框的顏色; 4、引入Fytx_Tips.js ; 5、彈出 alert 框方法: 調(diào)用函數(shù):$.alert(“標題”,”內(nèi)容”); 6、彈出 confirm 框方法: 調(diào)用函數(shù):$.confirm(“標題”,”內(nèi)容”,”確定按鈕傳遞參數(shù)(可選)”,”取消按鈕傳遞參數(shù)(可選)”); 回調(diào)函數(shù):(不需要回調(diào)時,可以省略回調(diào)函數(shù)) $.isok() 或 $.isok(“確定按鈕傳遞參數(shù)”); $.iscancel() 或 $.iscancel(“取消按鈕傳遞參數(shù)”); 例如: 彈出confirm框,點擊確定回調(diào) $.isok() , 點擊取消回調(diào) $.iscancel() $(“#confirmbtn”).click(function(){ ????$.confirm(“提示信息”,”這個是彈出confirm框!”); }); $.isok=function(){ ????alert(“點擊了確定按鈕!”); } $.iscancel=function(){ ????alert(“點擊了取消按鈕!”); } 彈出confirm框,點擊確定回調(diào) $.isok(ok) , 點擊取消回調(diào) $.iscancel(cancel) $(“#confirmbtn”).click(function(){ ????$.confirm(“提示信息”,”這個是彈出confirm框!”,”這是確定按鈕傳遞參數(shù)”,”這是取消按鈕傳遞參數(shù)”); }); $.isok=function(ok){ ????alert(ok); } $.iscancel=function(cancel){ ????alert(cancel); } 7、彈出 toast 框方法: 調(diào)用函數(shù):$.toast(“內(nèi)容”,”彈出框自動關閉時間(整型)默認值為3″,”彈出框是否可點擊關閉(布爾型)”); 例如: $.toast(“內(nèi)容”,5,true); ????彈出toast框5秒后自動關閉,在關閉之前也可以點擊彈出框直接關閉; $.toast(“內(nèi)容”,5,false); ????彈出toast框5秒后自動關閉,在自動關閉之前點擊彈出框也不會關閉; $.toast(“內(nèi)容”,0); ????彈出toast框不會關閉,刷新頁面或調(diào)用$.removetoast()進行關閉
界面演示圖: