用jQuery的contextmenu插件：

<script type="text/javascript" src="jquery.contextmenu.r2.js"></script>
<script type="text/javascript">
$(function(){
    $('.showme').contextMenu('myMenu1', {

      menuStyle: {

        border: '2px solid #000'

      },

      itemStyle: {

        fontFamily : 'verdana',

        backgroundColor : '#666',

        color: 'white',

        border: 'none',

        padding: '1px'

      },

      itemHoverStyle: {

        color: '#fff',

        backgroundColor: '#0f0',

        border: 'none'

      },

      bindings: {
        'open': function(t) {

          alert('Trigger was '+t.id+'\nAction was Open');

        },

        'email': function(t) {

          alert('Trigger was '+t.id+'\nAction was Email');

        },

        'save': function(t) {

          alert('Trigger was '+t.id+'\nAction was Save');

        },

        'delete': function(t) {

          alert('Trigger was '+t.id+'\nAction was Delete');

        }
      }

    });

});
</script>

<a class="showme" id="article1" href="javascript:void(0)">右键，上来吧</a>


<div class="contextMenu" id="myMenu1">

  <ul>

    <li id="open"><img src="folder.png" /> Open</li>

    <li id="email"><img src="email.png" /> Email</li>

    <li id="save"><img src="disk.png" /> Save</li>

    <li id="close"><img src="cross.png" /> Close</li>

  </ul>

</div>

示例见这里