我想做鼠标右键!!

<BODY>
<script language="JavaScript1.2">
<!--
/*
Context Menu script II (By Dheera Venkatraman at [email protected])
Submitted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/var isie=0;
if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
isie=1;
}
else {
isie=0;
}
if(isie) {
var html="";
html+='<TABLE STYLE="border:1pt solid #808080" BGCOLOR="#CCCCCC" WIDTH="140" HEIGHT="220" CELLPADDING="0" CELLSPACING="1">';
html+='<ST'+'YLE TYPE="text/css">\n';
html+='a:link {text-decoration:none;font-family:Arial;font-size:8pt;}\n';
html+='a:visited {text-decoration:none;font-family:Arial;font-size:8pt;}\n';
html+='td {font-size:8pt;}\n';
html+='</ST'+'YLE>\n';
html+='<SC'+'RIPT LANGUAGE="JavaScript">\n';
html+='\n<'+'!--\n';
html+='window.onerror=null;\n';
html+='/'+' -'+'->\n';
html+='</'+'SCRIPT>\n';
html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i0" ONMOUSEOVER="document.all.i0.style.background=\'#CFD6E8\';document.all.i0.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i0.style.background=\'#CCCCCC\';document.all.i0.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.history.go(-1);">&nbsp;<IMG SRC="menu/menuback.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Back</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i1" ONMOUSEOVER="document.all.i1.style.background=\'#CFD6E8\';document.all.i1.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i1.style.background=\'#CCCCCC\';document.all.i1.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.history.go(1);">&nbsp;<IMG SRC="menu/menuforward.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Forward</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC"><IMG SRC="menu/pixel.gif" WIDTH="130" HEIGHT="1"></TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i4" ONMOUSEOVER="document.all.i4.style.background=\'#CFD6E8\';document.all.i4.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i4.style.background=\'#CCCCCC\';document.all.i4.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.parent.external.AddFavorite(window.top.location.href,window.top.document.title);">&nbsp;<IMG SRC="menu/menufavorite.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Add to Favorites...</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i5" ONMOUSEOVER="document.all.i5.style.background=\'#CFD6E8\';document.all.i5.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i5.style.background=\'#CCCCCC\';document.all.i5.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.parent.location=\'view-source:\'+window.parent.location.href;">&nbsp;<IMG SRC="menu/menusource.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;View Source</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC"><IMG SRC="menu/pixel.gif" WIDTH="130" HEIGHT="1"></TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i6" ONMOUSEOVER="document.all.i6.style.background=\'#CFD6E8\';document.all.i6.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i6.style.background=\'#CCCCCC\';document.all.i6.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.print();">&nbsp;<IMG SRC="menu/menuprint.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Print</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i7" ONMOUSEOVER="document.all.i7.style.background=\'#CFD6E8\';document.all.i7.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i7.style.background=\'#CCCCCC\';document.all.i7.style.border=\'1pt solid #CCCCCC\';" ONCLICK="window.parent.location.href=window.parent.location.href;">&nbsp;<IMG SRC="menu/menurefresh.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Refresh</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC"><IMG SRC="menu/pixel.gif" WIDTH="130" HEIGHT="1"></TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i8" ONMOUSEOVER="document.all.i8.style.background=\'#CFD6E8\';document.all.i8.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i8.style.background=\'#CCCCCC\';document.all.i8.style.border=\'1pt solid #CCCCCC\';" ONCLICK="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=1.6; else window.parent.document.body.style.zoom=1.6;">&nbsp;<IMG SRC="menu/menuzoom.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Zoom In</TD></TR>';html+='<TR><TD STYLE="border:1pt solid #CCCCCC" ID="i9" ONMOUSEOVER="document.all.i9.style.background=\'#CFD6E8\';document.all.i9.style.border=\'1pt solid #737B92\';" ONMOUSEOUT="document.all.i9.style.background=\'#CCCCCC\';document.all.i9.style.border=\'1pt solid #CCCCCC\';" ONCLICK="if(window.parent.document.body.style.zoom!=0) window.parent.document.body.style.zoom*=0.625; else window.parent.document.body.style.zoom=0.625;">&nbsp;<IMG SRC="menu/menuzoom.gif" WIDTH="12" HEIGHT="12" BORDER="0" HSPACE="0" VSPACE="0" ALIGN="absmiddle">&nbsp;Zoom Out</TD></TR>';html+='</TABLE>';var oPopup = window.createPopup();}function dopopup(x,y) {
if(isie) {
var oPopupBody = oPopup.document.body;
oPopupBody.innerHTML = html;
oPopup.show(x, y, 140, 220, document.body);
}
}function click(e) {
if(isie) {
if(document.all) {
if(event.button==2||event.button==3) {
dopopup(event.x-1,event.y-1);
}
}
}
}if(isie) {
document.oncontextmenu = function() { dopopup(event.x,event.y);return false; }
document.onmousedown = click;
}
// --> 
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    下面是在你的基础上改成JS的：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="content-type" content="text/html" charset="gb2312">
    <link rel="stylesheet" type="text/css" href="">
    <script type="text/javascript" src=""></script>
    <script language="javascript" type="text/javascript"></script>
    <style>
    body,td,a {font-size:9pt;color:black}
    .none{border:black 1px solid;background:D9D9D9;padding-top:2}
    .over {border:black 1px solid;background:707888;color:white;padding-top:2}
    </style>
    <script>
    var divleft = divtop= timelinestart=timelinestop=tidtwo=tidtree = null;
    down = false;
    timelinestart=0;
    timelinestop=0;
    var plane = document.getElementById("plane");
    var document_onmousedown;function gogo()
    {
    var plane = document.getElementById("plane");
    if (window.event.button == 2 )
    {
    plane.style.display = "";
    plane.style.left = window.event.clientX-153;
    plane.style.top = window.event.clientY-35;
    }
    tidtwo=setTimeout("outit()",500);
    if (down)
    {
    plane.style.left=window.event.clientx-divleft;
    plane.style.top=window.event.clienty-divtop;
    }
    window.event.returnvalue=false;
    }
    function menuin()
    {
    clearTimeout(tidtree);
    }
    var document_onclick
    tidtree=setTimeout("outit()",200)
    var tidone;
    function init()
    {
    if (timelinestart!=5)
    {
    clearTimeout(tidtwo);
    item1.style.pixelLeft=item1.style.pixelLeft+20;
    item1.filters.alpha.opacity=item1.filters.alpha.opacity+20;
    item2.style.pixelLeft=item2.style.pixelLeft-20;
    item2.filters.alpha.opacity=item2.filters.alpha.opacity+20;
    item3.style.pixelLeft=item3.style.pixelLeft+20;
    item3.filters.alpha.opacity=item3.filters.alpha.opacity+20;
    item4.style.pixelLeft=item4.style.pixelLeft-20;
    item4.filters.alpha.opacity=item4.filters.alpha.opacity+20;
    item5.style.pixelLeft=item5.style.pixelLeft+20;
    item5.filters.alpha.opacity=item5.filters.alpha.opacity+20;
    timelinestart=timelinestart+1;
    }
    else
    {
    clearTimeout(tidone);
    }
       tidone = setTimeout("init()",1)
    }
    function outit()
    {
    var plane = document.getElementById("plane");
    if (timelinestart!=0)
    {
    clearTimeout(tidone);
    item1.style.pixelLeft=item1.style.pixelLeft-20;
    item1.filters.alpha.opacity=item1.filters.alpha.opacity-20;
    item2.style.pixelLeft=item2.style.pixelLeft+20;
    item2.filters.alpha.opacity=item2.filters.alpha.opacity-20;
    item3.style.pixelLeft=item3.style.pixelLeft-20;
    item3.filters.alpha.opacity=item3.filters.alpha.opacity-20;
    item4.style.pixelLeft=item4.style.pixelLeft+20;
    item4.filters.alpha.opacity=item4.filters.alpha.opacity-20;
    item5.style.pixelLeft=item5.style.pixelLeft-20;
    item5.filters.alpha.opacity=item5.filters.alpha.opacity-20;
    timelinestart=timelinestart-1;
    clearTimeout(tidtwo);
    plane.style.display="none";
    }
    else
    {
    clearTimeout(tidtwo);
    plane.style.display="none";
    }
    }
    </script>
    </HEAD><BODY onmousedown="gogo();return true;";><body oncontextmenu="return false">
    <div style="position:absolute; left: 100; top: 100;cursor: hand;display='none';" ID="plane" onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false">
    <div align=center style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:default;" class="none" onmouseover="menuin();init()">右键菜单</div>
    <div align=center id="item1" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';" class="none"
    >菜单项一</div>
    <div align=center id="item2" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项二</div>
    <div align=center id="item3" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项三</div>
    <div align=center id="item4" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout ="this.className='none';">菜单项四</div>　<div align=center id="item5" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项五</div></div>
    </BODY>
    </HTML>
      

  2.   

    我想你理解错了,我是想把实现右键功能的代码放到了*.js文件中,然后在HTML页中用<script language="javascript" src="*.js"></script>这种方法来调用!!
      

  3.   

    我在你的基础上改成的，你直接把它存成JS的文件，
    再设定<BODY onmousedown="gogo();return true;";>
      

  4.   

    dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree
    down=false
    timelinestart=0
    timelinestop=0
    sub document_onmousedown
    if window.event.button=2 then
    plane.style.display=""
    plane.style.left=window.event.clientx-153
    plane.style.top=window.event.clienty-35
    end if
    end sub
    sub document_onmousemove
    if down then
    plane.style.left=window.event.clientx-divleft
    plane.style.top=window.event.clienty-divtop
    end ifend sub
    sub document_ondargstart
    window.event.returnvalue=false
    end sub
    function menuin()
    cleartimeout(tidtree)
    end function
    sub document_onclick
    tidtree=settimeout("outit()",200)
    end sub
    function init()
    if timelinestart<>5 then
    cleartimeout(tidtwo)
    item1.style.pixelLeft=item1.style.pixelLeft+20
    item1.filters.alpha.opacity=item1.filters.alpha.opacity+20
    item2.style.pixelLeft=item2.style.pixelLeft-20
    item2.filters.alpha.opacity=item2.filters.alpha.opacity+20
    item3.style.pixelLeft=item3.style.pixelLeft+20
    item3.filters.alpha.opacity=item3.filters.alpha.opacity+20
    item4.style.pixelLeft=item4.style.pixelLeft-20
    item4.filters.alpha.opacity=item4.filters.alpha.opacity+20
    item5.style.pixelLeft=item5.style.pixelLeft+20
    item5.filters.alpha.opacity=item5.filters.alpha.opacity+20
    timelinestart=timelinestart+1
    else
    cleartimeout(tidone)
    end if
    tidone=settimeout("init()",1)
    end function
    function outit()
    if timelinestart<>0 then
    cleartimeout(tidone)
    item1.style.pixelLeft=item1.style.pixelLeft-20
    item1.filters.alpha.opacity=item1.filters.alpha.opacity-20
    item2.style.pixelLeft=item2.style.pixelLeft+20
    item2.filters.alpha.opacity=item2.filters.alpha.opacity-20
    item3.style.pixelLeft=item3.style.pixelLeft-20
    item3.filters.alpha.opacity=item3.filters.alpha.opacity-20
    item4.style.pixelLeft=item4.style.pixelLeft+20
    item4.filters.alpha.opacity=item4.filters.alpha.opacity-20
    item5.style.pixelLeft=item5.style.pixelLeft-20
    item5.filters.alpha.opacity=item5.filters.alpha.opacity-20
    timelinestart=timelinestart-1
    else
    cleartimeout(tidtwo)
    plane.style.display="none"
    exit function
    end if
    tidtwo=settimeout("outit()",1)
    end function
    上面的另存为your.js
    <script language="vbscript" type="text/vbscript" src="./your.js"></script>
      

  5.   

    把下面的保存为vb.js
    dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree
    down=false
    timelinestart=0
    timelinestop=0
    sub document_onmousedown
    if window.event.button=2 then
    plane.style.display=""
    plane.style.left=window.event.clientx-153
    plane.style.top=window.event.clienty-35
    end if
    end sub
    sub document_onmousemove
    if down then
    plane.style.left=window.event.clientx-divleft
    plane.style.top=window.event.clienty-divtop
    end ifend sub
    sub document_ondargstart
    window.event.returnvalue=false
    end sub
    function menuin()
    cleartimeout(tidtree)
    end function
    sub document_onclick
    tidtree=settimeout("outit()",200)
    end sub
    function init()
    if timelinestart<>5 then
    cleartimeout(tidtwo)
    item1.style.pixelLeft=item1.style.pixelLeft+20
    item1.filters.alpha.opacity=item1.filters.alpha.opacity+20
    item2.style.pixelLeft=item2.style.pixelLeft-20
    item2.filters.alpha.opacity=item2.filters.alpha.opacity+20
    item3.style.pixelLeft=item3.style.pixelLeft+20
    item3.filters.alpha.opacity=item3.filters.alpha.opacity+20
    item4.style.pixelLeft=item4.style.pixelLeft-20
    item4.filters.alpha.opacity=item4.filters.alpha.opacity+20
    item5.style.pixelLeft=item5.style.pixelLeft+20
    item5.filters.alpha.opacity=item5.filters.alpha.opacity+20
    timelinestart=timelinestart+1
    else
    cleartimeout(tidone)
    end if
    tidone=settimeout("init()",1)
    end function
    function outit()
    if timelinestart<>0 then
    cleartimeout(tidone)
    item1.style.pixelLeft=item1.style.pixelLeft-20
    item1.filters.alpha.opacity=item1.filters.alpha.opacity-20
    item2.style.pixelLeft=item2.style.pixelLeft+20
    item2.filters.alpha.opacity=item2.filters.alpha.opacity-20
    item3.style.pixelLeft=item3.style.pixelLeft-20
    item3.filters.alpha.opacity=item3.filters.alpha.opacity-20
    item4.style.pixelLeft=item4.style.pixelLeft+20
    item4.filters.alpha.opacity=item4.filters.alpha.opacity-20
    item5.style.pixelLeft=item5.style.pixelLeft-20
    item5.filters.alpha.opacity=item5.filters.alpha.opacity-20
    timelinestart=timelinestart-1
    else
    cleartimeout(tidtwo)
    plane.style.display="none"
    exit function
    end if
    tidtwo=settimeout("outit()",1)
    end function
    /****************再把下面的保存成任意的HTML****************************/
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="content-type" content="text/html" charset="gb2312">
    <link rel="stylesheet" type="text/css" href="">
    </HEAD><BODY>
    <style>
    body,td,a {font-size:9pt;color:black}
    .none{border:black 1px solid;background:D9D9D9;padding-top:2}
    .over {border:black 1px solid;background:707888;color:white;padding-top:2}
    </style>
    <body oncontextmenu="return false">
    <div style="position:absolute; left: 100; top: 100;cursor: hand;display='none';" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false">
    <div align=center style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:default;" class="none" onmouseover="menuin();init()">右键菜单</div>
    <div align=center id="item1" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';" class="none"
    >菜单项一</div>
    <div align=center id="item2" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项二</div>
    <div align=center id="item3" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项三</div>
    <div align=center id="item4" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout ="this.className='none';">菜单项四</div>　<div align=center id="item5" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)"
    class=none onmouseover="this.className='over';menuin()"
    onmouseout="this.className='none';">菜单项五</div>
    </div>
    </BODY>
    </HTML>
    <script src="./vb.js" language="vbs"></script>