| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1614 人关注过本帖
标题:[求助]帖子的展开和收起是怎么实现的
只看楼主 加入收藏
wolfcool
Rank: 1
等 级:新手上路
帖 子:102
专家分:0
注 册:2006-12-9
收藏
 问题点数:0 回复次数:12 
[求助]帖子的展开和收起是怎么实现的

就象该论坛里帖子的展开和收起是怎么实现的?
要用框架吗?
还有那展开和收起的图片是怎么变换的?

搜索更多相关主题的帖子: 帖子 框架 
2007-06-07 20:05
谁与争疯
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:海南省
等 级:版主
威 望:191
帖 子:15071
专家分:17513
注 册:2007-4-22
收藏
得分:0 
用JS实现

[CODE]<script language="javascript">
function menu_display(t_id,i_id){//论坛版块折叠,显示隐藏程序
var t_id;//表格ID
var i_id;//图片ID
var on_img="../image//fold_2.gif";//打开时图片
var off_img="../image//fold_1.gif";//隐藏时图片\
if (t_id.style.display == "none") {//如果为隐藏状态
t_id.style.display="";//切换为显示状态
i_id.src=on_img;//换图 打开==隐藏
}
else{//否则
t_id.style.display="none";//切换为隐藏状态
i_id.src=off_img;
}//换图
}
</script>[/CODE]

论坛是我家灌水靠大家
2007-06-07 20:08
谁与争疯
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:海南省
等 级:版主
威 望:191
帖 子:15071
专家分:17513
注 册:2007-4-22
收藏
得分:0 
不需要另外的文件,其实它是在表格中实现的。
简称是,表格折叠。

== 我写一个简单的给你看看。

论坛是我家灌水靠大家
2007-06-07 20:34
wolfcool
Rank: 1
等 级:新手上路
帖 子:102
专家分:0
注 册:2006-12-9
收藏
得分:0 

假如象你这样说的话那不是每个帖子的回复都打开了
只是收起没有看到而已

2007-06-07 20:37
wolfcool
Rank: 1
等 级:新手上路
帖 子:102
专家分:0
注 册:2006-12-9
收藏
得分:0 
该论坛中是它是有个连接的

2007-06-07 20:39
谁与争疯
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:海南省
等 级:版主
威 望:191
帖 子:15071
专家分:17513
注 册:2007-4-22
收藏
得分:0 
[CODE]
<html>
<head>
<title>表格折叠</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script language="javascript">
function menu_display(t_id,i_id){//论坛版块折叠,显示隐藏程序
var t_id;//表格ID
var i_id;//图片ID
var on_img="../image//fold_2.gif";//打开时图片
var off_img="../image//fold_1.gif";//隐藏时图片\
if (t_id.style.display == "none") {//如果为隐藏状态
t_id.style.display="";//切换为显示状态
i_id.src=on_img;//换图 打开==隐藏
}
else{//否则
t_id.style.display="none";//切换为隐藏状态
i_id.src=off_img;
}//换图
}
</script>

</head>
<body onLoad="javascript:onlineuser_display(online01)">//默认打开
<div align="center">
</div>
<table width='995' align='center' cellspacing=0 style='border:#87A4E9 1px solid;' cellpading=0>
<tr>
<td width="786" background='../Image/bg1.gif'>
<table>
<tr>
<td width="130" height="20" style='color:#000000;font-size:14px;cursor:hand;' onclick=javascript:menu_display(hyglpts01,hyglptsimg01)><a name=20></a>&nbsp;<img src='../Image/fold_2.gif' width="16" height="16" id=hyglptsimg01>【点击这里折叠表格】</td>
</tr>
</table>
</td>
</tr>
<TBODY id=hyglpts01>//id 一定是唯一的。表格只折叠TBODY包含着的这一部份表格!
<tr>
<td>
<table width="995" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="127" align="center"><strong>版面名称</strong></td>
<td width="545">&nbsp;</td>
<td width="86" align="center"><strong>今日发表</strong></td>
<td width="103" align="center"><strong>总共发表</strong></td>
<td width="134" align="center"><strong>版主</strong></td>
</tr>
</table>
<table bgcolor='#FAFAFA' border=0 width='995' cellspacing=0 cellpadding=3>

<tr height=25>
<td width='121' align="center" valign="bottom"><a href="#">『ASP编程』</a></td>
<td colspan="2">&nbsp;</td>
<td width='80' rowspan="2" align='center'>256</td>
<td width='97' rowspan="2" align='center'>369</td>
<td width="128" colspan="2" rowspan="2" align='center'>版主1<br>
版主2<br>
版主3</td>
</tr>
<tr>
<td colspan="3" valign='top' style='line-height:150%'><font color="#C8C8C8">ASP编程版介绍</font></td>
</tr>
</table></td>
</tr>
</tbody>
</table>
</body>
</html>[/CODE]

论坛是我家灌水靠大家
2007-06-07 20:41
谁与争疯
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:海南省
等 级:版主
威 望:191
帖 子:15071
专家分:17513
注 册:2007-4-22
收藏
得分:0 
复制代码,保存为 .htm 文件,即可看到效果,这只是其中的一种简单的而已。
有很多种方法实现以上效果的。

论坛是我家灌水靠大家
2007-06-07 20:43
谁与争疯
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:海南省
等 级:版主
威 望:191
帖 子:15071
专家分:17513
注 册:2007-4-22
收藏
得分:0 
哦 哦,发错了。你要实现的是像论坛那样折叠的方法是吧?
我给你弄了一个隐藏和显示的JS了。

像论坛那个的,要树形的东东的。

论坛是我家灌水靠大家
2007-06-07 20:52
wolfcool
Rank: 1
等 级:新手上路
帖 子:102
专家分:0
注 册:2006-12-9
收藏
得分:0 
怎么有错误啊
2007-06-07 21:03
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 

一般还可以用div来实现
[CODE]<script language="javascript">
function ShowHidde_Click()
{
if(this.TopicBody.style.display=="block")
this.TopicBody.style.display="none";//隐藏
else
this.TopicBody.style.display="block";//显示
}
</script>
<input type="button" name="ShowHidden" value="显示和隐藏" onClick="ShowHidden_Click();" >
<div id="TopicBody" style="display:none" >显示和隐藏的内容</div>[/CODE]

2007-06-07 21:31
快速回复:[求助]帖子的展开和收起是怎么实现的
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025019 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved