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

2016-01-29 14:51 4 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 

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

延伸阅读
怎么做一个成功的男人 每个男生都渴望蜕变成一位成功男人,但并不是每个人都能行,这主要是由自身和外因决定的。分析这两种决定成功因素,自身是相较容易改变的,而外因往往因自身的改变,而变成环绕着有助你成功的外因,这样的人就容易成功。反之,强制去改变外因,或许能达到成功的目的,但由于自身本质没有改变,这样的成功也...
标签: 电脑入门
制作技巧 内容:演讲的骨架 多使用图形 少用术语 的内容应简洁而突出重点,在10/20/30法则中强调使用30号字体。 我更同意如下建议: 大标题 44 点 粗体 标题一 32点 粗体 标题二 28点 粗体 标题三 24点 粗体 如果有必要请多以图形表达你的思想。因为图形更容易让人理解,同时也让听众印象深刻。当然图形也会帮助演讲者更好的进行阐述。...
为什么有些陌陌用户的留言版评论不了?   小陌帮助:若您现在是不可信用户,是不能给4星和5星非好友用户的留版言进行评论。根据您的社交表现,将展示不同的星级水平。您可以在个人页面的个人星级里查看您的当前星级,并可根据系统提示进行升级。
给予他充足的个人时间 人人都需要有自己静静待着的时间。劳累了一天回到家,丈夫都希望能放松一下。如果这个时候如果你打开话匣子一直唠唠叨叨说孩子或者街坊邻居的事,你觉得丈夫会怎么想。如果他想一个人静一静的话,就让他这么做吧。笑脸欢迎丈夫回家后就给他一点自己的时间吧。如果他想说话自己就会过来和你说话的。 给男...
这个是模仿六月海的PS教程,用FW作的。(本FW教程系原创,转载请注明出处,谢谢!) 1,新建文件,白色画板,做一个矩形,用#EEF8E0填充。如图 2.为矩形填加滤镜效果 Eye Candy 4000--Jiggle 如图 3.为矩形添加内发光效果,参数如图 4.为矩形添加投影效果,如图 5.画几个矩形用#C1A880填充,然后用“更改形状区域”工具随意修...

经验教程

108

收藏

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