| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 579 人关注过本帖
标题:菜单功能求助
只看楼主 加入收藏
zhoujianwei
Rank: 1
等 级:新手上路
帖 子:147
专家分:0
注 册:2006-7-3
收藏
 问题点数:0 回复次数:8 
菜单功能求助
图片附件: 游客没有浏览图片的权限,请 登录注册

谁有菜单功能方面的代码,和我上面的图差不多的,最好能给解释一下,我在这先谢谢了
搜索更多相关主题的帖子: 菜单 
2006-08-06 17:12
rabbit5455
Rank: 2
等 级:论坛游民
帖 子:123
专家分:25
注 册:2004-4-14
收藏
得分:0 
怎么这么熟悉呀 。。。
好像在哪里见过 。。

Member Of Qingfeng Studio 王旭华[http://][http://hi.baidu.com/rabbit5455]
2006-08-06 17:28
zhoujianwei
Rank: 1
等 级:新手上路
帖 子:147
专家分:0
注 册:2006-7-3
收藏
得分:0 
那,你给解释一下吧,

期待和你交流
2006-08-06 18:13
rabbit5455
Rank: 2
等 级:论坛游民
帖 子:123
专家分:25
注 册:2004-4-14
收藏
得分:0 
可以用<div/>来做,给<div/>一个鼠标事件,单击的时候,改变<div/>的display属性。

每个菜单用三个<div/>作框架:

<Script language=javascript>
    function Modify_Menu_Display(item_id)
    {
        //TODO:ADD your code to Modify the div's display property
        ;
    }
</Script>

<div>
    <div id="title_XX" onClick="Modify_Menu_Display('item_XX')">Menu_title</div>

    <div id="item_XX">Menu_items/div>

</div>

应该可以哈 。。

Member Of Qingfeng Studio 王旭华[http://][http://hi.baidu.com/rabbit5455]
2006-08-06 18:33
yeshirow
Rank: 4
等 级:贵宾
威 望:10
帖 子:854
专家分:0
注 册:2006-6-8
收藏
得分:0 
可以封裝一個類...(VBScript), 只說一個大概思想
--------------------------------------------

Class MyUIBarItem
   Private m_Caption
   ........
   ........
End Class

Class MyUIBar
   ....
   Public Function AddItem(...)
       .....
   End Function
   Public Sub UpdateView()
       ....
   End Sub
End Class
---------------------------------------------------------------
完成後引用此類:

Private hUI

Set hUI = New MyUIBar
    hUI.AddItem ....
    hUI.AddItem ....
    .....
    hUI.UpdateView
--------------------

Set hUI = Nothing

原來朋友仔感情再天真, 亦是我永遠也會愛惜的人, 明日愛他人, 也記住學會不要緊; 原來朋友比戀人更高分, 亦讓我開始懂得不記恨, 若大家都敏感, 我更要永遠記得拒絕再因小事怪人, 爲何沒有這條校訓...Twins-朋友仔 MCSD Training
2006-08-06 19:42
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
收藏
得分:0 
似乎记得div的style中没有display属性
可以把div换成tr
如下
<script>
    function ChangeDisplay(eo)
    {
        if (eo.style.display=='none')
            eo.style.display='block';
        else
            eo.style.display='none';
    }
</script>

<table>
    <tr style="cursor:hand" onClick="ChangeDisplay(document.getElemnetById("item_XX"))">
        <td>顶级菜单</td>
    <tr>
    <tr id="item_XX">
        <td>次级菜单</td>
    </tr>
</table

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2006-08-06 23:30
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 

[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>论坛管理菜单</title>
<style type="text/css">
<!--
.topmenu{font-size: 14px}/*顶部菜单*/
.label{font-size: 14px}/*标签文字*/
.total{font-size: 14px}/*统计文字*/
body {
background-color: #f7f7ff;
}A {
TEXT-TRANSFORM: none; TEXT-DECORATION: none
}
UNKNOWN {
TEXT-DECORATION: underline
}
.style1 {font-size: 12px}
.style1 {font-size: 12px}
-->
</style>
<script language="JavaScript">
<!--
//控制子菜单的显示和隐藏
function ShowChildMenu(id)
{
//菜单的id值是参数
for(var h=0;h<this.ChildMenu.length;h++)
{
if(h==id)//循环所有id查找指定菜单
this.ChildMenu[h].style.display="block";//找到则显示,语法this.菜单id.style.display="block";
else
this.ChildMenu[h].style.display="none";//否则隐藏菜单,语法同上参数不同而已
}
}
function Page_Load()
{
for(var c=0;c<this.ChildMenu.length;c++)
{
//循环隐藏所有子菜单
this.ChildMenu[c].style.display="none";
}
}
//-->
</script>
</head>
<body onload="Page_Load();" >
<table width="105" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="105" height="13" valign="top"><div align="center"><span class="style1"><a href="admin_bbsmain.asp" target="bbsmain">管理首页</a></span></div></td>
</tr>
<tr>
<td height="155" valign="top">
<div align="center"><span class="style1"><a href=# onClick=ShowChildMenu(0) >版块管理</a></span><br>
</div>
<div id=ChildMenu>
<div align="center">
<span class="style1">&nbsp;&nbsp;|-<a href="admin_AREAadd.asp?Action=Add" target="bbsmain" >版块添加</a></span><br>
<span class="style1">&nbsp;&nbsp;|-<a href="admin_AREAList.asp?Action=Del" target="bbsmain" >版块删除</a></span><br>
<span class="style1">&nbsp;&nbsp;|_<a href="admin_AREAList.asp?Action=Edit" target="bbsmain" >版块修改</a></span><br>
</div>
</div>
<div align="center"><span class="style1"><a href=# onClick=ShowChildMenu(1) >主题管理</a></span><br>
</div>
<div id=ChildMenu>
<div align="center">
<span class="style1">&nbsp;&nbsp;|-<a href="QueryTitle.asp?action=Lock" title="批量锁定指定主题" target="bbsmain" >主题锁定</a></span><br>
<span class="style1">&nbsp;&nbsp;|-<a href="QueryTitle.asp?action=UnLock" title="批量解锁指定主题" target="bbsmain" >主题解锁</a></span><br>
<span class="style1">&nbsp;&nbsp;|_<a href="QueryTitle.asp?action=Del" title="批量删除指定主题" target="bbsmain" >主题删除</a></span><br>
</div>
</div>
<div align="center"><span class="style1"><a href=# onClick=ShowChildMenu(2) >公告管理</a></span><br>
</div>
<div id=ChildMenu align="center" >
<span class="style1">&nbsp;&nbsp;|-<a href="admin_bbsAnoPublication.asp" title="公告发布" target="bbsmain" >公告发布</a></span><br>
<span class="style1">&nbsp;&nbsp;|_<a href="admin_bbsAnoList.asp" title="公告删除" target="bbsmain" >公告删除</a></span><br>
</div>
</div>
<div align="center"><span class="style1"><a href=# onClick=ShowChildMenu(3) >其它管理</a></span><br>
</div>
<div id=ChildMenu align="center" >
<span class="style1">&nbsp;&nbsp;|-<a href="admin_bbsSetting.asp" title="论坛设置" target="bbsmain" >论坛设置</a></span><br>
<span class="style1">&nbsp;&nbsp;|_<a href="admin_bbsLog.asp" title="清理论坛的事件日志" target="bbsmain" >日志清理</a></span><br>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>[/CODE]


楼主先把上面的代码看懂了,再复杂的也就明白了,楼主说的那种个人认为,只不过就是在简单的基础上,加了背景图片和一些判断而已。

2006-08-06 23:40
rabbit5455
Rank: 2
等 级:论坛游民
帖 子:123
专家分:25
注 册:2004-4-14
收藏
得分:0 
以下是引用渚薰在2006-8-6 23:30:32的发言:
似乎记得div的style中没有display属性
可以把div换成tr
如下
<script>
function ChangeDisplay(eo)
{
if (eo.style.display=='none')
eo.style.display='block';
else
eo.style.display='none';
}
</script>

<table>
<tr style="cursor:hand" onClick="ChangeDisplay(document.getElemnetById("item_XX"))">
<td>顶级菜单</td>
<tr>
<tr id="item_XX">
<td>次级菜单</td>
</tr>
</table

style属性是属于css的范畴,不是html的范畴,他们在DOM模型中都是一个NODE,
就这个问题而言,style作为一个属性Node存在于<div> Node的ChildNode集合中。

我只是在讨论一个学术问题,希望上面的兄弟不要介意 。。
很高兴和你讨论。


Member Of Qingfeng Studio 王旭华[http://][http://hi.baidu.com/rabbit5455]
2006-08-07 09:43
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 
现在很多的后台的菜单都是这样的。
可以去下一个来看看。

http://www./
2006-08-07 10:10
快速回复:菜单功能求助
数据加载中...
 
   



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

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