javascript - 使用 Javascript 增加页面高度

Question

我对 javascript 一无所知，但我希望能够单击图像并增加页面大小。

示例。一个 500px x 500px 的盒子，里面有一张图片。当您单击图像时，该框将增加到 500 像素 x 1000 像素，新区域中包含新内容，而不会更改页面。

我该怎么做？

喜欢这个网站 http://kyanmedia.com/点击底部的蚯蚓

Answer 1

您可以在页面底部放置一个元素

<div id="extraDiv" style="display:none"> some extra stuff </div>

并使用 javascript，执行

document.getElementById("extraDiv").style.display = "block";

使页面更长。如果您想要动画，那么您可以使用 jQuery、scriptaculous 或其他 javascript 库。