JavaScript怎么讓偽進度條在頁面上顯示成gif圖像

本篇內(nèi)容介紹了“JavaScript怎么讓偽進度條在頁面上顯示成gif圖像”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

    點擊按鈕后，前臺JS代碼，增加img標簽及一個用來遮罩的DIV層：

    vartb_pathToImage="Images/loadingAnimation.gif";

    imgLoader=newImage();//image對象

    imgLoader.src=tb_pathToImage;

    $("body").append("<divid='Image_load'><imgsrc='"+imgLoader.src+"'/></div>");//page中增加Img

    $('#Image_load').show();//showloader

    $("body").append("<divid='pageover'class='pageover_bg'></div>");//增加遮罩層

    3還要增加相應(yīng)的CSS代碼：

    .pageover_bg{

    background-color:#000;

    filter:alpha(opacity=75);

    -moz-opacity:0.75;

    opacity:0.75;

    }

    #Image_load{

    position:fixed;

    display:none;

    height:13px;

    width:208px;

    z-index:103;

    top:50%;

    left:50%;

    margin:-6px00-104px;/*-height/200-width/2*/

    }

    4按鈕事件響應(yīng)完成后，再移去IMG和DIV層

    $('#Image_load').remove();

    $('#pageover').remove();

“JavaScript怎么讓偽進度條在頁面上顯示成gif圖像”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！