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


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 相关文章推荐
Get或Post提交值的非法数据处理
Oct 09 PHP
Access数据库导入Mysql的方法之一
Oct 09 PHP
php 将字符串按大写字母分隔成字符串数组
Apr 30 PHP
php mssql扩展SQL查询中文字段名解决方法
Oct 15 PHP
有关phpmailer的详细介绍及使用方法
Jan 28 PHP
php 判断数组是几维数组
Mar 20 PHP
php实现将数组转换为XML的方法
Mar 09 PHP
php构造函数与析构函数
Apr 23 PHP
PHP串行化与反串行化实例分析
Dec 27 PHP
详解php语言最牛掰的Laravel框架
Nov 20 PHP
实例分析PHP中PHPMailer发邮件
Dec 13 PHP
PHP网站常见安全漏洞,及相应防范措施总结
Mar 01 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上传文件,创建递归目录的实例代码
2013/10/18 PHP
php自定义session示例分享
2014/04/22 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
Windows服务器中PHP如何安装redis扩展
2019/09/27 PHP
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
php中and 和 &amp;&amp;出坑指南
2018/07/13 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
layui表格内放置图片,并点击放大的实例
2019/09/10 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
python清除指定目录内所有文件中script的方法
2015/06/30 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
Python将string转换到float的实例方法
2019/07/29 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
使用python制作一个解压缩软件
2019/11/13 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
Pytorch在NLP中的简单应用详解
2020/01/08 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
18-35岁旅游团的全球领导者:Contiki
2017/02/08 全球购物
室内拓展活动方案
2014/02/13 职场文书
2014年秋季新学期寄语
2014/08/02 职场文书
企业趣味活动方案
2014/08/21 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript