右键菜单

最新推荐文章于 2019-03-04 22:25:37 发布

cfy_qiangkeming

最新推荐文章于 2019-03-04 22:25:37 发布

阅读量121

点赞数

分类专栏： JAVA体系

JAVA体系专栏收录该内容

74 篇文章 1 订阅

订阅专栏

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>