javascript功能，实现点击过的菜单变色

建议用jquery库实现.
具体是4个菜单的母容器设ID=mother,4个菜单分别在一个li里如下
<ul id="mother">
  <li onclick="changeClass(this)";></li>
</ul>
function changeClass(a)
{
    $("#mother").children("li").removeClass("被点击的菜单的CSS类");
    $(a).addClass("被点击的菜单的CSS类");
}

如果不用jquery会比较麻烦但是也可以写
function changeClass(a)
{
    document.getElementById("mother").getElementsByTagName("li").className="未被点击的CSS类";
    a.className="被点击菜单的CSS类";
}
我也忘了是不是className了,你跟踪一下看看有问题也是大小写的问题.但jquery的方法应该是没错的.

像你图片里的菜单html应该差不多这么写
<div id="mother">
    <div class="menu">
        <span>硬件产品<span>
        <ul>
         <li onclick="changeClass(this)";>终端产品</li>
         <li onclick="changeClass(this)";>软件产品</li>
        </ul>
    </div>
</div>
css这方面的问题在写就多了,你估计看着也烦。具体就是也写background，text-alain 和float的问题。应该不难写。
ps:你这不叫单击过的菜单变色.二是当前选中的菜单变色.谢谢
追问：
我点了菜单后是链接到另一个新的页面去了。菜单这部分被include过去了，有没像COOKIE一样能记忆得住，哪个菜单背景色该变的。而不是点的瞬间变色了，到了新打开的页面，又没变。
追答：
不知道你后台使用什么代码写的。
一般情况下都是后台直接设置前台高亮菜单的。
onready事件里这样写
function onreadyfunc()
{
      var lis=document.getElementById("mother").getElementsByTagName("li");
      for(var i=0;i<lis.length;i++)
      {
          var href = location.subStr(location.lastIndexOf("/"));
          if(lis[i].getElementsByTagName["a"][0].href==href)
          {
              lis[i].className="高亮CSS" 
          }else
          {
              lis[i].className="非高亮CSS" 
          }
      }
}
ps:百度这边没有代码编辑器,可能有JS代码的大小写错误,你自己编辑的时候注意点儿,.