浏览器中重写右键菜单

工作中遇到一项业务需求，需要将一些功能浏览器中的一些业务功能放在右键菜单中实现。
通过网上查资料，发现其实现也不算太难。
首先在HTML页面中定义一个列表

<div id="rightMenu">
    <ul>
        <li>影像图</li>
        <li>平面图</li>
    </ul>
</div>

我在这里用的是ul，其实实现方式是多种的，有序或无序列表，或者自己写样式都是ok的。
然后重写这个列表的样式

#rightMenu {
        position:absolute;
        width: 100px;
        background: white;
        box-shadow: 2px 2px 8px 1px #888888;
        display: none;
        /*top:-9999px;
        left:-9999px;
        background: #0a36e9;*/
    }
    #rightMenu ul {
        list-style: none;
        width: 100%;
        float: left;
        padding-left: 0px;
    }
    #rightMenu ul li{
        display: inline-block;
        text-decoration: none;
        color: #555;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        cursor: pointer;
    }
    #rightMenu ul li:first-of-type {