| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2538 人关注过本帖
标题:左侧可展开显示的导航菜单
只看楼主 加入收藏
sdlklhd
Rank: 1
等 级:新手上路
威 望:2
帖 子:345
专家分:0
注 册:2005-12-20
收藏
 问题点数:0 回复次数:25 
左侧可展开显示的导航菜单

现在,在页面左侧可展开显示\隐藏的导航菜单非常流行,
大家可否把代码给小弟看一下.

找了好几天都没找到.

搜索更多相关主题的帖子: 菜单 导航 页面 代码 
2007-05-05 10:42
编程之星
Rank: 5Rank: 5
等 级:职业侠客
威 望:2
帖 子:285
专家分:391
注 册:2007-4-10
收藏
得分:0 
找不到就自己写,现在写不了,那就看书,过一段时间再写看看。

怎么越学就觉得自己越笨
2007-05-05 12:31
sdlklhd
Rank: 1
等 级:新手上路
威 望:2
帖 子:345
专家分:0
注 册:2005-12-20
收藏
得分:0 
不知道用什么做的呀

2007-05-05 13:46
sdlklhd
Rank: 1
等 级:新手上路
威 望:2
帖 子:345
专家分:0
注 册:2005-12-20
收藏
得分:0 

图片附件: 游客没有浏览图片的权限,请 登录注册

就是这个左侧导航菜单

是怎么做的?


2007-05-05 14:07
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 
给个思路,自己写吧~

就是用JS的onclick方法控制syle的display属性

就这样简单
2007-05-05 14:25
sdlklhd
Rank: 1
等 级:新手上路
威 望:2
帖 子:345
专家分:0
注 册:2005-12-20
收藏
得分:0 

不会啊.

能给个具体代码吗?


2007-05-05 14:29
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 
==,看能不能写个简单,以前的找不到了
2007-05-05 14:32
sdlklhd
Rank: 1
等 级:新手上路
威 望:2
帖 子:345
专家分:0
注 册:2005-12-20
收藏
得分:0 

非常感谢.

我在线等你.


2007-05-05 14:38
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 
[CODE]<script language="javascript">
function showHidden(obj)
{
if(obj.style.display=='')obj.style.display='none';
else obj.style.display='';
}
</script>
<table width="197" height="101" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" onClick="showHidden(table1)">菜单一</a></td>
</tr>
<tr id="table1">
<td align="center"><table width="170" height="65" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>菜单一(1)</td>
</tr>
<tr>
<td>菜单一(2)</td>
</tr>
<tr>
<td>菜单一(3)</td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="#" onClick="showHidden(table2)">菜单二</a></td>
</tr>
<tr id="table2">
<td align="center"><table width="170" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>菜单二(1)</td>
</tr>
<tr>
<td>菜单二(2)</td>
</tr>
<tr>
<td>菜单二(3)</td>
</tr>
</table></td>
</tr>
<tr>
<td><a href="#" onClick="showHidden(table3)">菜单三</a></td>
</tr>
<tr id="table3">
<td align="center"><table width="170" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>菜单三(1)</td>
</tr>
<tr>
<td>菜单三(2)</td>
</tr>
<tr>
<td>菜单三(3)</td>
</tr>
</table></td>
</tr>
</table>
[/CODE]
2007-05-05 14:45
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 

非常的粗糙,自己看需要修改吧~~

2007-05-05 14:49
快速回复:左侧可展开显示的导航菜单
数据加载中...
 
   



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

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