使用Javascript增加页面高度

我对JavaScript没有任何了解，但我希望能够单击图像并增加页面大小。使用Javascript增加页面高度

例子。一个500像素x 500像素的盒子，里面有图像。当你点击一个图像时，该框将增加到500px x 1000px，并在新区域内新增内容，而不更改页面。

我该怎么做？

喜欢上了这网站 http://kyanmedia.com/ 底部

来源

2009-06-06 Keiron Lowe

它是如何“增加”从500×500到500x100？ – 2009-06-06 08:36:16

100px小于500px ...你的意思是1000px？ – James 2009-06-06 08:36:29

点击蚯蚓，你可以在页面

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

和使用JavaScript的底部有一个元素了，做一个

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

使页面更长时间。如果你想要动画，那么你可以使用jQuery，scriptaculous或其他JavaScript库。

来源

2009-06-06 08:54:50

你可以使用jQuery做到这一点，这将有凉爽的滚动，而不是它只是弹出。有你在一个div主要内容，那么你想要的内容在一个隐藏的div来显示，比如：

<div>Main Content</div> 
<div id="hiddenLab" style="display:none">Content to show</div>

这样，你会使用jQuery的slideToggle命令将其上下滑动，是这样的：

<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#hidden").click(function(){ 
       $("#about").slideToggle("slow"); 
      }); 
     });  
    </script> 
    <style type="text/css"> 
     #maincontent { width:100%; height:100px;background:green} 
     #about { width:100%; height:1000px;display:none;background:red;} 
    </style> 
</head> 
<body> 
    <div id="maincontent"> 
     <a id="hidden" href="#">Click to see hidden</a> 
    </div> 
    <div id="about">Content to show</div> 
</body>

来源

2009-06-06 08:58:26 Fermin

使用Javascript增加页面高度

回答

相关问题