做一个有下拉功能的留言版

　　留言版里有太长的留言的话会把页面撑的很长的，大家对那些很长的留言版是不是觉得看的不舒服，每次都要点很多次滚动条。

　　如果每次一开始只出现标题，点击标题就会在下方出现内容（注意不是弹出窗口），这样的话是不是很不错呢！

　　接下来我们就看看如何实现：

　　首先要对各个标题和内容设上ID，这是第一个留言的ID设置，我们把标题的ID设为td1，内容为tdd1，接下去相同。

　　<TR align=left id=td1 onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1) style="CURSOR: hand" bgcolor=#C8E7BA>

　　<td vAlign=middle >这里是标题</TD>

　　</TR>

　　<TR>

　　<TD class=zw id=tdd1 bgcolor=#fffoce>这里是内容

　　<DIV align=right>

　　<A class=btn href="#tob0" onclick=goit(tdd1)>关闭</A>

　　</DIV>

　　</TD>

　　</TR>

　　"onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1)"

　　这三句就是mouse的事件，noit()和onit()只是改变颜色，goit()就是打开或关闭内容的函数，具体函数在下：

　　<SCRIPT language="JavaScript">

　　<!--

　　function onit(o){o.runtimeStyle.backgroundColor='#FFBB66'}

　　function noit(o){o.runtimeStyle.backgroundColor='#C8E7BA'}

　　function goit(o){

　　if (o.style.display=='none') {

　　o.style.display=''

　　}

　　else {

　　o.style.display='none'

　　}

　　}

　　-->

　　</SCRIPT>

　　最后不要忘了，初始化你的页面，就是把内容先隐藏起来“

　　<script language="JavaScript">

　　goit(tdd1);goit(tdd2);…………

　　</script>