编程论坛 » JavaScript论坛 » 菜单类脚本求助

Z8585885 发表于 2008-2-15 09:54

菜单类脚本求助

[code]<div id='Desktop'>
        <h3>桌面管理</h3>
        <ul>
                <li id="current"><a onClick="sethighlight(0); ;return false;" href="#">日程管理</a></li>
                <li><a  onClick="sethighlight(1); ;return false;" href="#">公告管理</a></li>
                <li><a  onClick="sethighlight(2); ;return false;" href="#">任务管理</a></li>
                <li><a  onClick="sethighlight(3); ;return false;" href="#">审批管理</a></li>
                <li><a  onClick="sethighlight(4); ;return false;" href="#">费用管理</a></li>
        </ul>
</div>

<div id=Customer class="mainmenu" style="display:none;">
        <h3>客户管理</h3>
        <ul>
                <li id="current"><a onClick="sethighlight(0); ;return false;" href="#">客户信息</a></li>
                <li><a onClick="sethighlight(1); ;return false;" href="#">联系记录</a></li>
                <li><a onClick="sethighlight(2); ;return false;" href="#">客户资询</a></li>
                <li><a onClick="sethighlight(3); ;return false;" href="#">客户报价</a></li>
                <li><a onClick="sethighlight(4); ;return false;" href="#">商机信息</a></li>
        </ul>
</div>[/code]



根据点击变换LI的ID，这个函数sethighlight应该怎么写啊！

lmhllr 发表于 2008-2-15 11:23

得到这个对象重新设置id就可以了...

只是楼主需求不大明确,可能有其他方法做到的....

Z8585885 发表于 2008-2-15 12:05

版本主真热心：
[code].mainmenu ul li a:hover,  .mainmenu ul li #current {
        color: #627EB7;
        padding: 8px 0 0 20px;
        background-image: url(../images/sidebar_bg.gif);
        background-position: 0 -32px;
}
[/code]
这是我的CSS效果，点击某个菜单时，设置这个<li>的标签ID为current，其他<li>标签ID为空！但不影响其他<div><ul>下的<li>标签！

Z8585885 发表于 2008-2-15 12:22

自己写错了，谢谢！
把<li id="current"><a onClick="sethighlight(0); ;return false;" href="#">
改成<li><a  id="current" onClick="sethighlight(0); ;return false;" href="#">

lmhllr 发表于 2008-2-15 16:55

感觉好复杂!

是不是要点击时所点击的链接改变样式而别的不变...?就是多标签选择...??

supertm 发表于 2008-2-16 17:57

function sethighlight(obj)
{
    var li_list = document.getElementsByTagName("li");
   
    for(var count = 0; count < li_list.length; count++)
    {
        li_list[count].childNode[0].id = ""; // 清空所有li的id
    }

    obj.id = "current"; // 设置当前id为current
}

用的时候用sethighlight(this)..

渚薰 发表于 2008-2-17 08:49

不要用id，用class

查看完整版本: 菜单类脚本求助