<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>css中的display和visibility</title>
</head>
<style type="text/css">
p{
display:inline
}
div{
display:none
}
span{
display:block
}
p.visable{
visibility:visable
}
p.hidden{
visibility:hidden
}
tr.aa{
visibility:collapse
}
</style>
<body>
<p>p标记原来是块元素，现在将段落设置成内联元素</p>
<p>内联元素display:inline的二个段落时不会换行（需要理解什么是块元素什么是内联元素以及他们的区别）</p>
<div>内联元素对div不起作用，这行是不会显示的</div>
<br />
<hr />
<span>span元素原本是内联元素，现在将span元素设置成块元素</span>
<span>二个span之间产生换行</span><br />
<p>用visablity:visble or visablity:hidden 来使元素可见和不可见</p><br />
<p clss="visable">这段将要显示，下面的一段将要隐藏,但是还会占用一行（而display：none不会占用一个隐藏行，这就是二者最大的区别）</p><br />
<p class="hidden">这段被隐藏</p><br />
<p>上段被隐藏</p>
<hr />
<p>如何使表格元素叠加？</p>
<table border="1">
<tr>
<td>Admous</td>
<td>john</td>
</tr>
<tr class="aa">
<td>Bush</td>
<td>George</td>
</tr>
</table>
</body>
</html>
那就设置定时器啊setTimeOut(show(),1000)隔一秒执行一次，当然你的show()函数里 应该有条件语句来判断是hidden还是visable然后再使他隐藏或是显示。
