|
如果每次一開始只出現(xiàn)標題,點擊標題就會在下方出現(xiàn)內(nèi)容(注意不是彈出窗口),這樣的話是不是很不錯呢!
接下來我們就看看如何實現(xiàn):
首先要對各個標題和內(nèi)容設上ID,這是第一個留言的ID設置,我們把標題的ID設為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 >這里是標題</TD>
</TR>
<TR>
<TD class=zw id=tdd1 bgcolor=#fffoce>這里是內(nèi)容
<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()就是打開或關閉內(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>
最后不要忘了,初始化你的頁面,就是把內(nèi)容先隱藏起來“
<script language="JavaScript">
goit(tdd1);goit(tdd2);…………
</script>
php技術:做一個有下拉功能的留言版,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。