DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery實現彈出div,始終顯示在屏幕正中間的簡單實例
jquery實現彈出div,始終顯示在屏幕正中間的簡單實例
編輯:JQuery特效代碼     
以下代碼塊就能始終讓彈出div位於屏幕的正中心,希望對大家有所幫助!
. 代碼如下:
    //讓指定的DIV始終顯示在屏幕正中間  
    function setDivCenter(divName){  
        var top = ($(window).height() - $(divName).height())/2;  
        var left = ($(window).width() - $(divName).width())/2;  
        var scrollTop = $(document).scrollTop();  
        var scrollLeft = $(document).scrollLeft();  
        $(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(); 
    } 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved