jQuery網頁彈出提示框美化插件支持alert和toast
【使用步驟】 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()進行關閉
界面演示圖: