做一个有下拉功能的留言版
做一个有下拉功能的留言版
发布时间:2016-12-29 来源:查字典编辑
摘要:留言版里有太长的留言的话会把页面撑的很长的,大家对那些很长的留言版是不是觉得看的不舒服,每次都要点很多次滚动条。如果每次一开始只出现标题,点...

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

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

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

首先要对各个标题和内容设上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">

<>

</SCRIPT>

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

<script language="JavaScript">

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

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新php教程学习
热门php教程学习
编程开发子分类