我想知道,当按下菜单时,被选菜单样式改变,如变颜色或字体等,请问CSS中如何设置;当前样式定义如下:
       body {
margin : 10px;
font: Verdana, Helvetica, Arial;
padding: 0px;
background: #fff;
}#menu {
border-bottom : 1px solid #ccc;
margin : 0;
padding-bottom : 19px;
padding-left : 10px;
}#menu ul, #menu li {
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
}
#menu a:link, #menu a:visited {
background : #E8EBF0;
border : 1px solid #ccc;
color : #666;
float : left;
font-size : small;
font-weight : normal;
line-height : 14px;
margin-right : 8px;
padding : 2px 10px 2px 10px;
text-decoration : none;
}#menu a:link.active, #menu a:visited.active {
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
}#menu a:hover {
color : #f00;
}

解决方案 »

  1.   

    onmousemove,onmouseover
    设置样式
      

  2.   

    你css代码已经写的很好了,唯一要做的就是id名称相同即可,即:
    如Menu中的名字为Menu1,则Css中也为Menu1,如:
    <asp:Menu ID="Menu1" runat="server".....>
    </asp:Menu>css中:
    #menu1 {...}
    #menu1 ul, #menu li {....}
    #menu1 a:link, #menu a:visited {....}
    ..............
      

  3.   

    楼上有误!ID大小写没有一致!
    ID大小写要一致!
      

  4.   

    js
    onclick:function ss(xx)
    {
       var obj=document.getelemrntbyid("menu1");
       var objs=obj.get子项;
       for(var i=0;i<objs.length;i++)
      {
         if(i==x)
           objs[i].setattribute("class","class1");
         else
           objs[i].setattribute("class","class2");
      }
    }