zoukankan      html  css  js  c++  java
  • 一个不错的js制作的右键菜单

    网上转的,比我自己写的方便拓展,所以转过来~
    
    <html>
    <head>
    <script language='javascript'> 
    /*******以下内容可以修改***************/ 
    var mname=new Array( 
    "首 页", 
    "修 改", 
    "下 载", 
    "删 除", 
    "新 建", 
    "刷 新" 
    ); 
    //mname是菜单对应的名称,数组的个数必须与下面murl对应 
    
    var murl=new Array( 
    "window.open('http://www.cn5.cn','_blank','');", 
    "alert('修改');", 
    "alert('download');", 
    "alert('delete');", 
    "alert('new');", 
    "alert('refresh');" 
    ); 
    //murl是菜单对应的操作,可以是任意javascript代码但是要注意不要在里面输入\",只能用' 
    //如果要实现跳转可以这样window.location='url'; 
    var ph=18,mwidth=50;//每条选项的高度,菜单的总宽度 
    var bgc="#eee",txc="black";//菜单没有选中的背景色和文字色 
    var cbgc="darkblue",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=100% height="+mname.length*ph+"px cellpadding=0 cellspacing=0 border=0>"; 
    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; 
    } 
    </script> 
    
    </head>
    <body onClick="showoff();" onload="fresh();"> 
    <div id="mlay" style="position:absolute;display:none;cursor:default;" onClick="return false;"></div> 
    </body>
    </html>
    

      

  • 相关阅读:
    面试题:面试题归类 已看1 背1
    面试题:SSH项目总结 !=!=未看 没用
    面试题: 大公司面试 !=!=未看
    Java 重写paint绘图
    c语言中数组的定义和java中数组定义的一些区别
    Java GUI界面补充总结(不定期补充)
    JFrame 的层次结构 及 背景设置说明
    为什么内部类调用的外部变量必须是final修饰的?
    Java Calendar类的使用总结【转】
    String类为什么可以直接赋值
  • 原文地址:https://www.cnblogs.com/elleniou/p/3080024.html
Copyright © 2011-2022 走看看