| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 837 人关注过本帖
标题:怎样实现点击某个文字后文字下面的表格就展开与闭合
只看楼主 加入收藏
huangxiaode
Rank: 1
等 级:新手上路
帖 子:35
专家分:0
注 册:2007-5-18
结帖率:50%
收藏
已结贴  问题点数:10 回复次数:2 
怎样实现点击某个文字后文字下面的表格就展开与闭合
怎样实现点击某个文字后文字下面的表格就展开与闭合,就像下拉菜单一样!如图所示
图片附件: 游客没有浏览图片的权限,请 登录注册


eg_mouse.jpg (4.73 KB)
图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 文字 闭合 表格 
2009-10-18 09:37
gameohyes
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖南
等 级:版主
威 望:53
帖 子:1275
专家分:3629
注 册:2009-3-5
收藏
得分:10 
通过隐藏列表来实现   
最常见的方法是通过Javascript控制某标签的CSS属性来实现的,下面是具体实现方法:
 
首先给要隐藏或显示的部分所在标签一个惟一的ID,比如将它们放到一个<div id="div1"></div>里;
 
然后给某个实体(按你的意思来,就是"列表元素")的onclick事件写一个响应的方法,方法中用上类似以下的语句:
 
document.all["div1"].style.display="block"; //显示

document.all["div1"].style.display="none"; //隐藏
 
其中"div1"就是要显示或隐藏的部分的ID。

C#超级群 74862681,欢迎大家的到来!
2009-10-18 13:01
gameohyes
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖南
等 级:版主
威 望:53
帖 子:1275
专家分:3629
注 册:2009-3-5
收藏
得分:0 
JAVASCRIPT+css  实现的  
 其实 原理和动态导航栏一样

C#超级群 74862681,欢迎大家的到来!
2009-10-18 13:04
快速回复:怎样实现点击某个文字后文字下面的表格就展开与闭合
数据加载中...
 
   



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

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