漂亮的提示框效果—SweetAlert、ShowBo

      作为前端的提示框，SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等，简单方便。官网地址：http://www.dglives.com/demo/sweetalert-master/example/

      boostrap自带module和sweetalert效果如下：

  调用方法为：

最基本的调用方法：

sweetAlert("Hello world!");

带错误图标的警告框：

sweetAlert("Oops...", "Something went wrong!", "error");

一个带有确认按钮的警告框，点击确认按钮可触发动画：

sweetAlert({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
}, function(){
  swal("Deleted!",
  "Your imaginary file has been deleted.",
  "success");
});

——————————————————分割线—————————————————–

      下面是关于Showbo，一个根据 alert confirm 优化样式的弹窗,很简单,但在某些情况下足够用了，而且样子还算不错，可以做个sweet弹框的备选

       地址：http://www.jq22.com/jquery-info2607

        调用方法：

//只需在调用的时候，把alert 或者 confirm 替换成

Showbo.Msg.alert('')  or Showbo.Msg.confirm('')
//获取返回值做判断

 Showbo.Msg.confirm(show_message,function(flag){
 if (flag == 'yes') {
     ………………确认情况的方法………………
}