右键菜单

div.miniMenu{ 
  display:none; 
  position:absolute; 
  z-index:111; 
  width:120px; 
  height:150px; 
  border:1px   solid   silver;
  background-color: #FDE500;
  cursor:pointer;
  }

 

 <div id="miniMenu" class="miniMenu">
<table width="120" height="150" border="0" cellpadding="0" cellspacing="1">
  <tr>
    <td class="miniMenu" onMouseOver="this.className='menu_change'" onMouseOut="this.className='miniMenu'">放入流动资产</td>
  </tr>
  <tr>
    <td class="miniMenu" onMouseOver="this.className='menu_change'" onMouseOut="this.className='miniMenu'">放入长期资产</td>
  </tr>
  <tr>
    <td class="miniMenu" onMouseOver="this.className='menu_change'" onMouseOut="this.className='miniMenu'">放入流动负债</td>
  </tr>
  <tr>
    <td class="miniMenu" onMouseOver="this.className='menu_change'" onMouseOut="this.className='miniMenu'">放入长期负债</td>
  </tr>
  <tr>
    <td class="miniMenu" onMouseOver="this.className='menu_change'" onMouseOut="this.className='miniMenu'">放入所有者权益</td>
  </tr>
</table>
</div>
<script>

  document.onmousedown = mouseDown;

  function   mouseDown(ev){   //右键激发菜单效果 
      ev  = ev || window.event;
      try{ 
          var target   = ev.target || ev.srcElement;
          var m = document.getElementById("miniMenu"); 
         
          if((ev.button != 2)&& target.getAttribute("issource") == "true"){ 
            this.mouseX   =   ev.clientX   ; 
            this.mouseY   =   ev.clientY;   
            m.style.left   =   this.mouseX   +   document.body.scrollLeft   -   10; 
            m.style.top     =   this.mouseY   +     document.body.scrollTop   -   10; 
            m.style.display   =   "block"; 
          }else{ 
            m.style.display   =   "none"; 
          } 
          
      }catch(e){
        debug(e,"mouseDown");
      } 
  }  
</script>