javascript鼠标右键菜单自定义效果

网络编程 javascript鼠标右键菜单自定义效果 06-22

本文实例讲解了javascript鼠标右键菜单的实现方法，分享给大家供大家参考，具体内容如下

效果图：

查看图片

具体代码：

<html>
  <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
      #menu{
        border:solid 1px gray;
        width:100px;
        display:none;
        position:absolute;
        background-color:ghostwhite;
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      #menu>li{
        border-bottom: dashed 1px gray;
      }
    </style>
    <script type="text/javascript">
    window.onload=function(){
      var oUl=document.getElementById('menu');
        document.oncontextmenu=function(ev){
          var oEvent=ev||event;
          //一定要加px，要不然chrom不认
          oUl.style.top=oEvent.clientY+'px';
          oUl.style.left=oEvent.clientX+'px';
          oUl.style.display='block';
          return false;
        }
        document.onclick=function(){
          oUl.style.display='none';
        }
    };
    </script>
  </head>
  <body>
<ul id="menu">
  <li><a href="http://www.gimoo.net/" target="_blank">积木网</a></li>
  <li><a href="http://www.gimoo.net/" target="_blank">积木网</a></li>
  <li><a href="http://www.gimoo.net/" target="_blank">积木网</a></li>
  <li><a href="http://www.gimoo.net/" target="_blank">积木网</a></li>
</ul>
  </body>
</html>

希望本文所述对大家学习javascript程序设计有所帮助。

javascript DIV跟随鼠标移动
首先介绍的是一个div跟随鼠标移动的效果，具体代码如下javascriptdiv跟随鼠标移动htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/title/titlescripttype="

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
像平时购物选择地址时一样，通过选择的省动态加载城市列表，通过选择的城市动态加载县区列表，从而可以实现省市县的三级联动，下面使用原生的Ja

javascript显示上周、上个月日期的处理方法
本文实例介绍了javascript一周前、一个月前的实现代码，对于javascript日期处理进行了简单分析，分享给大家供大家参考，具体内容如下htmlheadtitle/titlescrip

编辑：广州明生堂生物科技有限公司

标签：积木,鼠标,代码,实例,给大家