不错的JQuery屏幕居中提示信息封装,使用方便,可集成到项目

2019-04-15 13:44发布

function showLoad(tipInfo, type, autohide) { var pic = ""; switch (type) { case 0: // loading pic = "./Images/loading.gif"; break; case 1: // ok pic = "./Images/right.png"; break; case 2: // error pic = "./Images/error.png"; break; default: //其他任何值时 pic = "./Images/loading.gif"; break; } var eTip = document.createElement('div'); eTip.setAttribute('id', 'tipDiv'); eTip.style.display = 'none'; eTip.style.width = '300px'; eTip.style.height = '20px'; eTip.style.padding = '5px 15px' eTip.innerHTML = "  " + tipInfo + ""; try { document.body.appendChild(eTip); } catch (e) { } $("#tipDiv").css({ position: "absolute", border: "solid 0px #D1D1D1", left: ($(window).width() - $("#tipDiv").outerWidth()) / 2, top: ($(window).height() - $("#tipDiv").outerHeight()) / 2 + $(document).scrollTop() }); $('#tipDiv').show(); if (autohide == true) { $('#tipDiv').fadeOut(3000); } } function closeLoad() { $('#tipDiv').fadeOut(); }
Jquery提示框封装