![](/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.