繁體中文当前位置: 首页 > 图文教程 > 网络编程 > PHP > 做一个有下拉功能的留言版
- PHP
- php 服务器调试 Zend Debugger 的安装教程
- 从Web查询数据库之PHP与MySQL篇
- php 应用程序安全防范技术研究
- php 不同编码下的字符串长度区分
- php 生成饼图 三维饼图
- PHP 字符截取 解决中文的截取问题,不用mb系列
- PHP5 操作MySQL数据库基础代码
- php面向对象全攻略 （一） 面向对象基础知识
- php面向对象全攻略 （二） 实例化对象 使用对象成员
- php面向对象全攻略 （三）特殊的引用“$this”的使用
- php面向对象全攻略 （四）构造方法与析构方法
- php面向对象全攻略 （五） 封装性
- php面向对象全攻略 （六）__set() __get() __isset() __unset()的用法
- php面向对象全攻略 （七） 继承性
- php面向对象全攻略 （八）重载新的方法
- php面向对象全攻略 （九）访问类型
- php面向对象全攻略 （十） final static const关键字的使用
- php面向对象全攻略 （十一）__toString()用法 克隆对象 __call处理调用错误
- php面向对象全攻略 （十二） 抽象方法和抽象类
- php面向对象全攻略 （十四） php5接口技术
PHP 中的 做一个有下拉功能的留言版
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 226 ::
收藏到网摘: n/a
留言版里有太长的留言的话会把页面撑的很长的，大家对那些很长的留言版是不是觉得看的不舒服，每次都要点很多次滚动条。
如果每次一开始只出现标题，点击标题就会在下方出现内容（注意不是弹出窗口），这样的话是不是很不错呢！
接下来我们就看看如何实现：
首先要对各个标题和内容设上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>
评论 (0) All
