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


Posted in PHP onOctober 09, 2006

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

PHP 相关文章推荐
php print EOF实现方法
May 21 PHP
谷歌音乐搜索栏的提示功能php修正代码
May 09 PHP
深入PHP数据加密详解
Jun 18 PHP
php+html5使用FormData对象提交表单及上传图片的方法
Feb 11 PHP
详解js异步文件加载器
Jan 24 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
Oct 09 PHP
jQuery+php简单实现全选删除的方法
Nov 28 PHP
php微信公众号开发模式详解
Nov 28 PHP
php实现查询功能(数据访问)
May 23 PHP
总结PHP内存释放以及垃圾回收
Mar 29 PHP
PHP7新功能总结
Apr 14 PHP
详解Laravel服务容器的绑定与解析
Nov 05 PHP
留言板翻页的实现详解
Oct 09 #PHP
聊天室php&amp;mysql(二)
Oct 09 #PHP
聊天室php&amp;mysql(一)
Oct 09 #PHP
建立文件交换功能的脚本(三)
Oct 09 #PHP
建立文件交换功能的脚本(一)
Oct 09 #PHP
建立文件交换功能的脚本(二)
Oct 09 #PHP
深入了解php4(2)--重访过去
Oct 09 #PHP
You might like
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
用客户端js实现带省略号的分页
2013/04/27 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
layui文件上传实现代码
2017/05/20 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
vue在线动态切换主题色方案
2020/03/26 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
js属性对象的hasOwnProperty方法的使用
2021/02/05 Javascript
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
python实现周期方波信号频谱图
2018/07/21 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
详解python的xlwings库读写excel操作总结
2021/02/26 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
股东合作协议书
2014/04/14 职场文书
学校火灾防控方案
2014/06/09 职场文书
党员自我剖析材料(群众路线)
2014/10/06 职场文书
技术支持岗位职责
2015/02/13 职场文书
关于上班时间调整的通知
2015/04/23 职场文书
青春雷锋观后感
2015/06/10 职场文书
网络研修心得体会
2016/01/08 职场文书
入门学习Go的基本语法
2021/07/07 Golang
我去timi了,一起去timi是什么意思?
2022/04/13 杂记
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技