需要一些幫助，建立一個擴展div

Question

我需要一個擴展div初始化，只顯示300x960圖像的頂部30x960以及左上角的「擴展」按鈕。點擊展開按鈕將「滑動」div以顯示300x960的完整圖像。點擊其他任何地方，無論是擴大還是縮小，都會將用戶帶到廣告客戶的網站。我可以從那裏創建任何快速片段？

Answer 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>