添加样式，单击改变层的背景色

<div class="adminMain-left-top">
        管理菜单   
    </div>
    <div class="adminMain-left-user" >
        <a href="get_in.aspx">转入业务</a>
    </div>
    <div class="adminMain-left-user" >
        <a href="get_out.aspx">转出业务</a>
    </div>
    <div class="adminMain-left-user" >
        <a href="TimeRemind.aspx">业务提醒</a>
    </div>现我想在单击转入业务或者转出业务等时改变相应层的背景颜色
如点击转入业务，改变转入业务层的背景颜色为红色，其它不变
好像用jQuery很容易实现，只是我不会，以前简单看过
请指教

解决方案 »

  1.   

    <div id="menu1" class="adminMain-left-user" onclick="changbackcolor('menu1')" >
            <a href="get_in.aspx">转入业务</a>
        </div>var lastmenuid=null;
    function changebackcolor(menuid)
    {
       if(lastmenuid!=null)
       {
         $("#"+lastmenuid).css('background','原来色');
       }
       $("#"+menuid).css('background','red');
       lastmenuid=menuid;
    }
    手打，不知道正确不，反正大概思路是这样吧
      

  2.   

    $('.adminMain-left-user').click(function() { $('.adminMain-left-user').css('background-color', 'red') });
      

  3.   

    $(document).ready(function(){
       $("#Button").toggle(function(){
         $("#div1").css({ "background": "Blue" });
       },function(){
        $("#div1").css({ "background": "Black" });
       });
    });
    html<div id="div1">
        <input id="Button" type="button" name="Button" value="Box" onclick="ChangeClick()"/>
    </div>
    或onclick="this.style.backgroundcolor=''"
      

  4.   

    就为小点的效果，用上JQUERY，多了20多K，不太好吧！能不能element.parentNode找到div啊？
      

  5.   

    可不可以说明白点呢，找到parentnode~~~
      

  6.   

    可以使用JS试试~~
    <html>
    <head>
    <script language="javascript">
    function ChangeBG(id)
    {
    var num = 3;
    for(i=1;i<=num;i++)
    {
    var divName = "div" + i;
    document.getElementById(divName).style.background = "gray"; //原来的颜色
    }
    document.getElementById("div" + id ).style.background = "red"; //背景色
    }
    </script>
    </head>
    <body>
    <div class="adminMain-left-top">
            管理菜单   
        </div>
        <div id="div1" onclick="ChangeBG(1)" class="adminMain-left-user" >
            <a href="get_in.aspx">转入业务</a>
        </div>
        <div id="div2" onclick="ChangeBG(2)" class="adminMain-left-user" >
            <a href="get_out.aspx">转出业务</a>
        </div>
        <div id="div3" onclick="ChangeBG(3)" class="adminMain-left-user" >
            <a href="TimeRemind.aspx">业务提醒</a>
        </div></body>
    </html>
      

  7.   

    放个隐藏域，每次点击菜单的时候给隐藏域赋值，然后在页面底部增加类似楼上的代码var num = 3;
    for(i=1;i<=num;i++)
    {
    var divName = "div" + i;
    document.getElementById(divName).style.background = "gray"; //原来的颜色
    }var hdsv = document.getElementById("隐藏域ID").value;
    document.getElementById("div" + hdsv ).style.background = "red"; //背景色