Jquery loading 效果

 

   function showLoad(tipInfo) {
        var eTip = document.createElement('div');
        eTip.setAttribute('id', 'tipDiv');
        eTip.style.position = 'absolute';
        eTip.style.display = 'none';
        eTip.style.border = 'solid 0px #D1D1D1';
        eTip.style.backgroundColor = '#4B981D';
        eTip.style.padding = '5px 15px';
        eTip.style.top = '160px';
        eTip.style.left = '400px';
        eTip.style.width = '120px';

        eTip.innerHTML = '<img src=\'/Content/layer/loading-2.gif\' style=\'float:left;\' />&nbsp;&nbsp;<span style=\'color:#ffffff; font-size:20px\'>' + tipInfo + '</span>';
        try {
            document.body.appendChild(eTip);
        } catch (e) { }
        $("#tipDiv").css("float", "left");
        $("#tipDiv").css("z-index", "99");
        $('#tipDiv').fadeIn();
    }

    function closeLoad() {
        $('#tipDiv').fadeOut();
    }

 

来源：http://blog.csdn.net/smartsmile2012/article/details/7971763