zoukankan      html  css  js  c++  java
  • 用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();">这样可以弹出一个比较简单的右键菜单。

  • 相关阅读:
    实验十四 团队项目评审&个人学习总结
    实验四 附加实验项目互评
    201671010401 包稚潼+《英文文本统计分析》结队项目报告
    201671010401包稚潼 实验二 词频统计软件项目报告
    201671010401包稚潼 实验三作业互评与改进
    阅读《构建之法》提出的相关问题
    201671010404+陈润菊 实验十四 团队项目评审课程&学习总结
    201671010404+陈润菊 实验四 附加作业-项目互评
    201671010404+陈润菊 实验四《英文文本统计分析》结对项目报告
    201671010404+陈润菊 实验二软件工程项目
  • 原文地址:https://www.cnblogs.com/zhangzt/p/1616251.html
Copyright © 2011-2022 走看看