function toggleClass(cssClassName,arrNavi,arrContent){
 //这个便捷类在导航元素触发鼠标经过事件后修改对应内容元素的display属性为block或者none，以实现内容元素的显示或隐藏
 //使用这个便捷类必须保证在“触发鼠标经过事件的导航元素”上没有应用任何CSS类。
 //其次要保证导航元素ID和内容元素ID数量一样多。
 //arrNavi=["n1","n2","n3"];
 //arrContent=["m1","m2","m3"];
 for (var i=0;i<arrNavi.length;i++){
  (function(j,k){
   document.getElementById(j).onmouseover=function(){openNavi(j);showContent(k);}
  })(arrNavi[i],arrContent[i]);
  //通过for循环为每个navi元素注册鼠标经过事件 
 }
 function openNavi(naviID){
  for (var i=0;i<arrNavi.length;i++){
   document.getElementById(arrNavi[i]).className="";
  }
  document.getElementById(naviID).className=cssClassName;
 }
 function showContent(contentID){
  for (var i=0;i<arrContent.length;i++){
   document.getElementById(arrContent[i]).style.display="none";
  }
  document.getElementById(contentID).style.display="block"; 
 }
}