改变菜单颜色

/**
* 功能:
* 改变菜单颜色
* 用法:
* 应用于一个二层的嵌套的div 结构
* 第一层的div id应为 mnpMenuTop
* 第二层的div 为菜单项，className 为 mnpMenuRow
* 作者:
* KingApex
*最后更新日期:
*  2005-4-5
*/

var mnpMenuTop = null;
var tempMenu = null;
var overcolor ="#F4f4f4"; //鼠标移上颜色
var outcolor = "#FFFFFF"; //鼠标移出颜色
var downcolor = "#CCCCCC";//鼠标放下颜色

window.attachEvent("onload", mnpMenuInit);

function mnpMenuInit()
{
 mnpMenuTop = document.getElementById("mnpMenuTop");
 mnpMenuAttach(mnpMenuTop);
}

function mnpMenuAttach(el){
  var divs = el.getElementsByTagName("DIV");
  
  var count = divs.length;

  for (var i =0;i<count ;i++ )
  { 
   var div = divs.item(i);
   if (div.className == "mnpMenuRow"){
    div.attachEvent("onmouseenter", mnpMenuMouseover);
    div.attachEvent("onmouseleave", mnpMenuMouseout);
    div.attachEvent("onmousedown", mnpMenuMousedown);
    div.setAttribute("flag", "0");
   }
  }

}

function mnpMenuMouseover(){
 var div = window.event.srcElement;
 if(div.getAttribute("flag") != "1"){
  div.style.background = overcolor;
 }
}

function mnpMenuMouseout(){
 var div = window.event.srcElement;
 if(div.getAttribute("flag") != "1"){
  div.style.background =outcolor;
 }
}

function mnpMenuMousedown(){

 if(tempMenu != null){
 //把以前的菜单还原
 tempMenu.setAttribute("flag", "0");
 tempMenu.style.background = outcolor;
 }

 var div = window.event.srcElement;
 div.setAttribute("flag", "1");  //鼠标放下了
 div.style.background = downcolor;
 tempMenu = div;
}