留言版里有太長(zhǎng)的留言的話(huà)會(huì)把頁(yè)面撐的很長(zhǎng)的，大家對(duì)那些很長(zhǎng)的留言版是不是覺(jué)得看的不舒服，每次都要點(diǎn)很多次滾動(dòng)條。
如果每次一開(kāi)始只出現(xiàn)標(biāo)題，點(diǎn)擊標(biāo)題就會(huì)在下方出現(xiàn)內(nèi)容（注意不是彈出窗口），這樣的話(huà)是不是很不錯(cuò)呢！
接下來(lái)我們就看看如何實(shí)現(xiàn)：
首先要對(duì)各個(gè)標(biāo)題和內(nèi)容設(shè)上ID，這是第一個(gè)留言的ID設(shè)置，我們把標(biāo)題的ID設(shè)為td1，內(nèi)容為tdd1，接下去相同。
<TR align=left id=td1 onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1) style="CURSOR: hand" bgcolor=#C8E7BA>    
  <td vAlign=middle >這里是標(biāo)題</TD>

</TR>
<TR>
  <TD class=zw id=tdd1 bgcolor=#fffoce>這里是內(nèi)容
  <DIV align=right>
<A class=btn href="#tob0" onclick=goit(tdd1)>關(guān)閉</A>
  </DIV>
  </TD>
</TR>

"onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1)"
這三句就是mouse的事件，noit()和onit()只是改變顏色，goit()就是打開(kāi)或關(guān)閉內(nèi)容的函數(shù)，具體函數(shù)在下：

<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>

最后不要忘了，初始化你的頁(yè)面，就是把內(nèi)容先隱藏起來(lái)“
<script language="JavaScript">
goit(tdd1);goit(tdd2);…………
</script>

最新評(píng)論