当前位置： 移动技术网 > IT编程>开发语言>PHP > 做一个有下拉功能的留言版

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

2019年05月19日  | 移动技术网IT编程  | 我要评论

祁锦泓,钱咖是真的吗,上行下效的意思

留言版里有太长的留言的话会把页面撑的很长的，大家对那些很长的留言版是不是觉得看的不舒服，每次都要点很多次滚动条。
如果每次一开始只出现标题，点击标题就会在下方出现内容（注意不是弹出窗口），这样的话是不是很不错呢！
接下来我们就看看如何实现：
首先要对各个标题和内容设上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>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网