点击字体及背景变色2方法

javascript:

window.onload=function()
{
    var ck=document.links;
    for(var i=0;i<ck.length;i++)
    {
        var thisLink=ck[i];
        thisLink.onclick=function()
        {
            for(var i=0;i<ck.length;i++)
            {
                ck[i].style.color="";
                ck[i].style.background="#DFE8F6";
            }
            this.style.color="#FFFFFF";
            this.style.background="#666666";
        }
    }
}

 

css:

.sec_menu {}
.sec_menu a {padding:3px 0; text-indent:10px; float:left;width:100%; background:#DFE8F6;}
.sec_menu a:hover {background:#666;color:white;}
.sec_menu a:active {background:#666;color:white;}