首页 > PHP资讯 > HTML5培训技术 > 不错的JQuery屏幕居中提示信息封装,使用方便,可集成到项目

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

HTML5培训技术
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();}

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持3不支持0