菜鸟请教一个网页编程问题，应该是关于Javascript的

Question

我想实现一个功能，把一个网页页面分成两上下两部分，类似两个frame，上面显示一些提示信息，并且用户可以关闭它，下面是主要的网页部分。上面那部分只有在用户触发某些事件时才会显示出来。下面是大概的框架，其中右上角的x是给用户关闭该窗口的。关闭后，下面部分会相应往上面移动到顶部。先谢了！-----------------------------------------------------------------------------
|  Hello World!                                                           x |
|  Welcome to XXX!                                                          |
-----------------------------------------------------------------------------
|                                                                           |
|                                                                           |
|                        The Main Page                                      |
|                                                                           |
|                                                                           |
|                                                                           |
|                                                                           |
|                                                                           |
|                                                                           |
|                                                                           |
-----------------------------------------------------------------------------

Answer 1

CSS:
#top{
display: none;
}
上面部分：
<div id="top">内容  <a href="#" onclick="hide()" title="关闭">X</a></div>
<div id="main">
<a href="#" onclick="handler()">点击这里</a>
</div>
JS：
//这个函数用于让top块可见
function handler(){
   document.getElementById('top').style.display = 'block';
}
function hide(){
   document.getElementById('top').style.display = 'none';
}

Answer 2

把提示和正文分别放在两个DIV里，该变DIV的dispaly属性来控制显示和隐藏。2楼例子很好。

Answer 3

用2楼的方法，改变DIV的display属性

Answer 4

再问一下，如果我想动态改变（<div id="top">内容 <a href="#" onclick="hide()" title="关闭">X</a></div>）这个div里面显示的内容，该怎样呢？