jQuery網頁頂部彈窗提示層插件jQuery固定頂部錯誤提示層插件

調用例子成功提示
$("body").overhang({type: "success",message: "Woohoo! It works!"});
可以關閉提示層
$("body").overhang({type: "error",message: "Whoops! Something went wrong!",closeConfirm: true});
自動關閉提示層
$("body").overhang({type: "info",message: "This message will close in 5 seconds!",duration: 5,upper: true});
點擊彈出層上的按鈕帶回調的、
$("body").overhang({type: "confirm",primary: "#40D47E",accent: "#27AE60",yesColor: "#3498DB",message: "Do you want to continue?",callback: function () {var selection = $("body").data("overhangConfirm");var response = selection ? "yes" : "no";alert("You made your selection of " + response);}});
彈出層上也可以使用HTML代碼
var snapchatIcon = '<i class="fa fa-snapchat-ghost" style="color: #FFFC00" aria-hidden="true"></i>';var snapchatNote = ' Add "thepaulkr" on snapchat!';$("body").overhang({type: "confirm",primary: "#333333",accent: "#FFFC00",message: snapchatIcon + snapchatNote,custom: true,html: true,callback: function () {var selection = $("body").data("overhangConfirm");if (selection) {  window.open("https://sc.chinaz.com/", "_blank");} else {  alert("Maybe next time then...");}}});