大家请看这样的导航条是怎么做出来的

关于大家请看阿里巴巴的首页，
1 当光标放在导航的文字上时，则该导航区域就变颜色，浅粉色
2 当打开某一页时，例如点击“公司黄页”，打开该页，则公司黄页下面的背景就变成了橙色，

请问这一效果是怎么实现的，请把代码做个例子，并注释该代码的作用的问题

1 当光标放在导航的文字上时，则该导航区域就变颜色，浅粉色
css里背景颜色设置可以达到效果
理解下段代码就懂了:
以下内容为css样式
body{
text- }
li{
list-

background-color:#CCCCFF;
margin- }
。
green{
background-color:#00FF00;
}
。red{
background-color:#FF0000}
css样式完毕

function red(aa){
aa。
className=”red” 设置样式的CSS class为red
}
function green(aa){
aa。
className=”green”
}

aa 鼠标悬停运行green(),this为参数
bb
cc
2 当打开某一页时，例如点击“公司黄页”，打开该页，则公司黄页下面的背景就变成了橙色
打开网页后是1个新页面，”公司黄页”默认背景颜色固定就好了,然后其他的添加onMouseMove/onMouseOut事件
。