鼠标点击更换菜单栏(笔记)

<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
//<![CDATA[
 var cur = 'page';//默认第几个菜单[值为该菜单项的ID值]
 window.onload = function(){
  var nav = document.getElementById('nav').getElementsByTagName('li');
  var nal = nav.length;
  for(var i=1;i<4;i++){
   if(nav[i].id == cur)nav[i].style.backgroundImage = 'url(${ctx}/static/images/center/4.gif)';
   nav[i].onmouseover = function(){
    document.getElementById(cur).style.backgroundImage = 'url(${ctx}/static/images/center/null.gif)';
    this.style.backgroundColor="#FFFFFF";
    this.style.backgroundImage = 'url(${ctx}/static/images/center/4.gif)';
   }
   nav[i].onclick = function(){
     
     }
   nav[i].onmouseout = function(){
   cur = this.id;
    this.style.backgroundImage = 'url(${ctx}/static/images/center/4.gif)';
   }
  }
 }
//]]-->
<!--
function del(){
        if(confirm("是否退出")){
           location.href="${ctx}/login/logout";
       }
   }
//-->
</script>

<div class="word">
  <div class="top"><div class="topa"></div>
  <div class="topaa">
    <div class="topc f16px fB">
      <span style="color:#9b9b9b;"><img src="${ctx}/static/images/center/18.gif" /></span>
    </div>
  </div>
  <div class="dh">
    <div class="aa"></div>
    <div class="dha f14px fB">
      <div class="dhb">
        <ul id="nav">
          <li style="width:2px;"><img src="${ctx}/static/images/center/5.gif" /></li>
          <li id="page"><a href="${ctx}/enterprisecenter/index" >账户首页</a></li>
          <li id="info" ><a href="${ctx}/enterprisecenter/enterpriseinfo" >账户资料</a></li>
          <li id="manager"><a href="${ctx}/enterprisecenter/apply/index" >产品管理</a></li>
          <li><a href="#" id="fuwu">家园服务</a></li>
        </ul>
      </div>
    </div>
    <span style="float:right; margin-top:6px;"><a href='javascript:del()'> <img src="${ctx}/static/images/center/6.gif"  style="padding-right:10px;border-width:0px 0px 0px 0px"/> </a></span>
  </div><!--dh-->
</div>