// Find all the <li> elements in the document
  var li = document.getElementsByTagName(“li”);
  for ( var i = 0; i < li.length; i++ ) {
  
      // Watch for the user to move his mouse over an <li>
      li[i].onmouseover = function(e){
          // If this is a W3C-compatible browser
          if ( e )
              // Use stopPropogation to stop the event bubbling
              e.stopPropogation();
  
          // Otherwise, it’s Internet Explorer
          else
              // So set cancelBubble to true to stop the event bubbling
              e.cancelBubble = true;
  
          // finally, hilite the background of the <li>
          this.style.background = “#EEE”;
      };
  
      // When the mouse if moved back out of the <li>
      li[i].onmouseout = function(){
          // Reset the backgound color back to white
          this.style.background = “#FFF”;
      };
  
  }