留言版里有太长的留言的话会把页面撑的很长的,大家对那些很长的留言版是不是觉得看的不舒服,每次都要点很多次滚动条。
如果每次一开始只出现标题,点击标题就会在下方出现内容(注意不是弹出窗口),这样的话是不是很不错呢!
接下来我们就看看如何实现:
首先要对各个标题和内容设上ID,这是第一个留言的ID设置,我们把标题的ID设为td1,内容为tdd1,接下去相同。
关闭
“onclick=goit(tdd1) onm ouseout=noit(td1) onm ouseover=onit(td1)”
这三句就是mouse的事件,noit()和onit()只是改变颜色,goit()就是打开或关闭内容的函数,具体函数在下:
<script language=”javaScript”>
<!—ec
4本文¥来源gao!%daima.com搞$代*!码$网9
搞代gaodaima码
ms
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>