菜单常用：复位全部并设置某个项的样式

<script language="JavaScript" type="text/javascript">
function onsel(theobj)
{
//父对象的所有子对象复位
var obj=document.getElementById("navbar"); //取得上级对象
//alert(obj.childNodes[0].childNodes[0].innerHTML); //页面对象的表达式
for(i=0;i<obj.childNodes.length;i++)
{
obj.childNodes[i].childNodes[0].className=""; //复位状态
}

theobj.className="curmenu"; //设置状态
}
</script>

页面的结构是
<div id=navbar> <ul> <li> <a href="#" target="leftFrame" onclick="javascript:onsel(this);window.open('home.aspx','mainFrame')">首页</a></li>
<li>...