需要一些帮助来构建一个扩展的 div答案

【问题标题】：Need some help building an expanding div需要一些帮助来构建一个扩展的 div
【发布时间】：2010-09-27 16:05:40
【问题描述】：

我需要一个展开的 div，它在初始化时仅显示 300x960 图像的顶部 30x960 以及左上角的“展开”按钮。单击展开按钮将向下“滑动”div 以显示 300x960 的完整图像。点击其他任何地方，无论是扩展的还是收缩的，都会将用户带到广告商网站。我可以从中构建任何快速的 sn-ps 吗？

【问题讨论】：

标签： javascript expand sliding clickable

【解决方案1】：

试试这样的：

<div style="width:960px; height:30px; position:relative; overflow:hidden">
<a href="http://another/site/"><img src="image.jpg" alt="" /></a>
<input type="button" value="Expand" style="position:absolute; left:10px; top:10px" onclick="expand(this)" />
</div>

<script type="text/javascript">
function expand(btn)
{
    btn.style.display='none';
    slide(btn.parentNode,30);
}

function slide(div,curHeight)
{
    if(curHeight==300)return;
    curHeight+=10;
    div.style.height=curHeight+'px';
    setTimeout(function(){slide(div,curHeight);},25);
}
</script>

【讨论】：

几乎！展开按钮出现在浏览器的最左角，当图片展开时它也会消失。
我修好了第一个。如果您不希望按钮消失，请删除带有“btn.style.display='none'”的行。但是，一旦点击了那个按钮，它有什么用呢？