style中display:none和visibility:hidde
在做页面中通常有层的隐藏显示，或者创建折叠区域。一般通过层的显示或者隐藏来实现。在style中有display:none;和visibility:hidden；
首先说一下，然后通过实例来证明。
display:none;是不显示层，隐藏层，但是不占位，就是所在的位置也将空闲出来，如果下面有元素，会直接向上移动。
visibility:hidden；是不显示层，隐藏层，但是占位，也就是说它的内容不显示，但所占的位置会仍然占用，只是显示为空。
举例如下：查看效果或者把下面代码保存为.html运行看看
<html>
<head>
<title>网站制作学习网</title>
</head>
<script language="javascript">
<!--
function foraspcn_display()
{
var obj = document.getElementById("foraspcn_div2");
obj.style.display = obj.style.display =="none"?"":"none";
}
function foraspcn_visibility()
{
var obj = document.getElementById("foraspcn_div2");
obj.style.visibility = obj.style.visibility =="hidden"?"":"hidden";
}
-->
</script>
<body>
<div id="foraspcn_div1">第一个层<a href="javascript:void(0);" onclick="foraspcn_display();">点击查看display效果</a> <a href="javascript:void(0);"
onclick="foraspcn_visibility();">点击查看visibility效果</a></div>
<div id="foraspcn_div2" >第二层，网站制作学习网http://www.forasp.cn--这里显示效果</div>
<div id = "foraspcn_div3">第三层，衬托层为了显示效果</div>
</body>
</html>
懂了么？很简单的。