首页 > 其他 > 详细

alert弹出框 弹出窗口 ----sweetAlert

时间:2016-01-22 21:38:45      阅读:217      评论:0      收藏:0      [点我收藏+]
推荐一款好用的alert,下面地址是demo,很直观的看到效果,wap可以使用
http://www.dglives.com/demo/sweetalert-master/example/
 
<script src="~/Scripts/jquery.min.js"></script>
<link href="~/Content/sweetalert.css" rel="stylesheet" />
<script src="~/Scripts/sweetalert.min.js"></script>
//text:内容
//timer:显示时间
//type:图标类型:success,info,warning 默认info
//title:标题 可不填  默认:系统提示
function AlertCustom(text, timer, url, type, title) {
    var type = arguments[3] || "info";
    var title = arguments[4] || "系统提示";
    var data = {
        title: title,
        text: text,
        type: type,//success,info,warning
        timer: timer,
        showConfirmButton: false,
        html: true
    };
    swal(data);
    if (url != "" && url != undefined && url != null) {
        setTimeout(function () {
            window.location.href = url;
        }, timer);
    }
}//使用方法AlertCustom(‘请求验证码失败!‘, 2000);

alert弹出框 弹出窗口 ----sweetAlert

原文:http://www.cnblogs.com/Jerrycjc/p/5152015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!