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

2016-01-29 14:51 3 1 收藏

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

【 tulaoshi.com - PHP 】

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

来源:https://www.tulaoshi.com/n/20160129/1494480.html

延伸阅读
利用PS如何做一个Q版头像 教你如何做一个Q版头像  
标签: 电脑入门
╰︶ ̄ ╮◇◆      、 浮傷年華                  __________ 、     霓虹灯下ヾ             繁华落尽     __...
  Linux 能有多小呢 ? 每一个做 embedded 系统的人都把小看成第一要务,其实这是不对的。如果我们对系统的好坏和大小作图,它应该长得像 | |---- | | ----- |  | -------- | --- |-----------------------  小当然不会比较坏,但不一定比较好。如果系统使用 4MB ...
怎么做一个成功的男人 每个男生都渴望蜕变成一位成功男人,但并不是每个人都能行,这主要是由自身和外因决定的。分析这两种决定成功因素,自身是相较容易改变的,而外因往往因自身的改变,而变成环绕着有助你成功的外因,这样的人就容易成功。反之,强制去改变外因,或许能达到成功的目的,但由于自身本质没有改变,这样的成功也...
标签: 电脑入门
制作技巧 内容:演讲的骨架 多使用图形 少用术语 的内容应简洁而突出重点,在10/20/30法则中强调使用30号字体。 我更同意如下建议: 大标题 44 点 粗体 标题一 32点 粗体 标题二 28点 粗体 标题三 24点 粗体 如果有必要请多以图形表达你的思想。因为图形更容易让人理解,同时也让听众印象深刻。当然图形也会帮助演讲者更好的进行阐述。...

经验教程

235

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部