替代alert的消息框和提示框

　　alert提示框由于外观不太友好，所以一般都不用alert了。

　　我在这里使用bootstrap的样式，写了一个可以单独显示消息，也可以确认取消的提示框，确认，取消的采用模式对话框方式，用一个div遮盖了后面所有内容。

　　使用的外观如下：

　　一：单独显示消息：

　　二：确认和取消：

　　单独显示消息的方法传递类型，信息，显示时间以及回掉函数。其中通过重载可以只传递信息。

　　确认和取消的方法传递类型，信息以及回掉函数。其中可以通过重载可以只传递信息和确认后执行的回掉函数。如果点击取消就去隐藏该提示框。

　　下面是这个提示框的js代码：

  1 //success   成功
  2 //info      信息
  3 //warning   警告
  4 //danger    错误！
  5 function alertBox(type, msg, showTime, callBack) {
  6     var divCss = "alert alert-" + type + " alert-dismissable";
  7     if (showTime == null) showTime = 3000;
  8     var divAlertBox;
  9     if ($("#divAlertBox").length != 0) {
 10         $("#divAlertBox span").text(msg);
 11         divAlertBox = $("#divAlertBox");
 12         divAlertBox.removeClass().addClass(divCss).slideDown(1000);
 13         box(divAlertBox);
 14     } else {
 15<

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！