javascript自定义右键弹出菜单

本文介绍了一种使用JavaScript创建上下文弹出菜单的方法。通过编写特定的JavaScript函数,可以实现在鼠标右键点击时显示自定义的弹出菜单,并且能够设置菜单项的样式及点击后的操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<head runat="server">
    <title>无标题页</title>
     <script type="text/javascript">
    var oPopup = window.createPopup();
    function PopMenu(id)
    {
        var oPopBody = oPopup.document.body;
        oPopBody.style.backgroundColor = "buttonface";
        oPopBody.style.border = "solid black 1px";
        var TableBegin="<table style=\"border: 0; width: 100%; font-size: 12px;\" cellpadding=\"0\" cellspacing=\"0\">";
        var Tr1="<tr><td valign=\"middle\" style=\"height: 20px;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.window.open('/news/view.asp?id="+id+"');\">查看新闻</td></tr>";
        var TrBr1="<tr><td style=\"background-color: ThreeDShadow; height: 1px;\"></td></tr>";
        var Tr2="<tr><td valign=\"middle\" style=\"height: 20px;cursor:hand;\" onmousemove=\"this.bgColor='highlight';this.style.color='highlighttext'\" onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.document.frames['main'].location='divdiv.aspx?id="+id+";'\">查看新闻</td></tr>";
        var TableEnd="</table>";
        oPopBody.innerHTML =TableBegin+Tr1+TrBr1+Tr2+TableEnd;
        oPopup.show(event.x, event.y, 90, 41, document.body);
        return false;
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <a href='javascript:void(0);' oncontextmenu='PopMenu(1);return false;'>
                <img   alt="" src='1.gif' style="border:0;width:150px;height:110px; cursor:hand"/>
                <br/>
            </a>
            <iframe name="main" frameborder="0" width="100%" scrolling="auto" height="100%">
            </iframe>
        </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/yidianfeng/archive/2009/01/08/1372089.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值