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


站模板-22.jpg)

站模板-24.jpg)
