有如下程式碼,需要外層div的背景圖片載入完畢,才載入裡面的div;

<div style="background-image:url('images/banner_1_graphics.png')">
    <div id="blackboard" class="scroll-holder" style="position: relative;left:30%;display:none;margin-top: 25px">
         <div id="moveDive" style="position: absolute;">
            <table style="color: white;text-align: left;width: 100%;font-weight: lighter;">
            </table>
         </div>
    </div>
</div>
 

廢話不多說直接上程式碼:

var showTable = function(){
    var img = new Image();
    img.src = "images/banner_1_graphics.png";//需要判斷的圖片地址
    img.onload = function () {
                //該圖片已載入完畢,實現自己的業務邏輯
                $("#blackboard").slideDown(800);
                });
            }
}