• 用js创建简单右键菜单


    一:屏蔽系统右键菜单;

    二:在页面添加如下脚本;
    <script language='javascript'>
            var mname=new Array(
            "设置课程",
            "取消设置",
            "刷 新"
            );
            //mname是菜单对应的名称,数组的个数必须与下面murl对应
            var murl=new Array(
            "chatAlone();",
            "kickOut();",
            "alert('刷新');"
            );
            //murl是菜单对应的操作,可以是任意javascript代码但是要注意不要在里面输入\",只能用'
            //如果要实现跳转可以这样window.location='url';
            var ph=18,mwidth=50;//每条选项的高度,菜单的总宽度
            var bgc="White",txc="black";//菜单没有选中的背景色和文字色
            var cbgc="#8EC26F",ctxc="white";//菜单选中的选项背景色和文字色
            /****************以下代码请不要修改******************/
            var mover="this.style.background='"+cbgc+"';this.style.color='"+ctxc+"';"
            var mout="this.style.background='"+bgc+"';this.style.color='"+txc+"';"
            document.oncontextmenu=function()
            {
            mlay.style.display="";
            mlay.style.pixelTop=event.clientY;
            mlay.style.pixelLeft=event.clientX;
            return false;
            }
            //关闭菜单
            function showoff()
            {
            mlay.style.display="none";
            }
            //载入菜单
            function fresh()
            {
                mlay.style.background=bgc;
                mlay.style.color=txc;
                mlay.style.width=mwidth;
                mlay.style.height=mname.length*ph;
                var h=" <table width=150px height="+mname.length*ph+"px cellpadding=0 cellspacing=0 border=1>";
                var i=0;
                for(i=0;i <mname.length;i++)
                {
                h+=" <tr align=center height="+ph+" onclick=\""+murl[i]+"\" onMouseover=\""+mover+"\" onMouseout=\""+mout+"\"> <td style='font-size:9pt;'>"+mname[i]+" </td> </tr>";
                }
                h+=" </table>";
                mlay.innerHTML=h;
             
            }
            //设置菜单
            function chatAlone()
            {
            alert('设置菜单');
            var value=document.all.OnlineUserGridView.rows(0).cell(0).Text;
            alert(value);
            }
            //取消设置      

         function kickOut()
            {
                alert('取消设置);
            }
           
            function display()
            {
                if (event.button == 2)
                {
                  fresh();
                }
               
            }
        </script>
    <body  onClick="showoff();" onload="fresh();">这样可以弹出一个比较简单的右键菜单。

  • 相关阅读:
    WCF进行大数据传输时的相关配置(转)
    自定义绑定(转)
    菜鸟学TSQLSQL2005读书笔记1
    再别康桥英文及译文
    自定义绑定2
    我要读的书
    菜鸟学TSQLSQL2005读书笔记
    Bad Habbits
    实践测试驱动开发
    针对接口写测试用例
  • 原文地址:https://www.cnblogs.com/zhangzt/p/1616251.html
Copyright © 2020-2023  润新知