jquery弹出提示框!
【代码】jquery弹出提示框!
·
弹出提示框!
/**
* 弹出消息提示框,采用浏览器布局,位于整个页面中央,默认显示3秒
* 后面的消息会覆盖原来的消息
* @param message:待显示的消息
* @param type:消息类型,0:错误消息,1:成功消息
*/
function showMessage(message, type) {
var messageJQ= $("<div class='showMessage'>" + message + "</div>");
if (type == 0) {
messageJQ.addClass("showMessageError");
} else if (type == 1) {
messageJQ.addClass("showMessageSuccess");
}
// 先将原始隐藏,然后添加到页面,最后以400毫秒的速度下拉显示出来
messageJQ.hide().appendTo("body").slideDown(400);
// 4秒之后自动删除生成的元素
window.setTimeout(function() {
messageJQ.show().slideUp(400, function() {
messageJQ.remove();
})
}, 4000);
}
// 成功消息
showMessage('成功', 1);
// 失败消息
showMessage('失败', 0);
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)