div从页面顶部滑到使用jquery的中心

Question

我需要从页面顶部向下滑动div到中心。我试过（认真检查代码），但它从按钮滑动到下滑。我需要的是，当我单击按钮时，从页面顶部向中心滑动一个div。当我单击关闭按钮时，它应该关闭div 。请给我一些建议或参考链接。

<div id="divtbl" > 
<table style="width:100%"> 
    <tr> 
     <td> 
      Table Names 
     </td> 

    </tr> 
    <tr> 
     <td> 
      Table Names 1 
     </td> 

    </tr> 
    <tr> 
     <td> 
      <input type="button" value="Add New Feild" onclick="addnewrow()" /> 
     </td> 

    </tr> 
</table> 
    </div> 
<div id="divpopup" style="display:none;" class="pop"> 
    <table style="width:100%"> 
    <tr> 
     <td> 
      display Names 
     </td> 

    </tr> 
    <tr> 
     <td> 
      display Names 1 
     </td> 

    </tr> 
    <tr> 
     <td> 
      display Names 2 
     </td> 

    </tr> 

</table> 
</div> 


<style type="text/css"> 
    .pop 
    { 
     font-size:12px; 
     top:0px; 
     position:absolute;  
    } 
</style> 
<script type="text/javascript"> 
    function addnewrow() { 
     try 
     { 
      $("#divpopup").slideToggle("slow"); 
     } 
     catch (e) { 
      alert(e.message); 
     } 
    } 
    </script> 

Answer 1

试试这个在页面级

.pop 
{ 
    font-size:12px; 
    top:40%; 
    left:40%; 
    position:absolute;  
} 

的中心来定位您的弹出DIV