![](/img/trans.png)
[英]trying to make a div slide down and up from top of page using - top positioning and jquery animate upon click
[英]div slid down from top of page to center using jquery
我需要將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>
嘗試將彈出式div定位在頁面中心-
.pop
{
font-size:12px;
top:40%;
left:40%;
position:absolute;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.