Mouseover 使用javascript的鼠标悬停

我真的很难让鼠标盖在javascript中使用导航栏。我做了一些改变，但仍然不工作

  <div class="left_side">  
   <ul id="nav">
   <li><a href="main2.html">Home</a></li>
   <td
    onmouseover="document.getElementById(
    'b1')src.'button1over.png'"
    onmouseout="document.getElementById(
    'b1')src.'button1up.png'" 
      <li><a href="#">Our Team</a>
     <ul>
     <li><a href="faculty.html">Faculty</a>
     <li><a href="fellows.html">Fellows</a>
     </ul>
    </li>

b1'）src'按钮1在上方。。应该是
b1'）。src='button1over

同时确保更正onmouseout的
onmouseout
事件