本文实例讲述了jQuery封装的屏幕居中提示信息代码。分享给大家供大家参考,具体如下:
rush:js;">
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 = " ";
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();
}