jquery實現彈出div,始終顯示在屏幕正中間的簡單實例

以下代碼塊就能始終讓彈出p位於屏幕的正中心,希望對大傢有所幫助!

. 代碼如下:

    //讓指定的DIV始終顯示在屏幕正中間  
    function setDivCenter(pName){  
        var top = ($(window).height() – $(pName).height())/2;  
        var left = ($(window).width() – $(pName).width())/2;  
        var scrollTop = $(document).scrollTop();  
        var scrollLeft = $(document).scrollLeft();  
        $(pName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(); 
    } 

You May Also Like