📄 制作右键弹出菜单.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0044)http://bestrun.myetang.com/mdjc/20020326.htm -->
<HTML><HEAD><TITLE>制作右键弹出菜单</TITLE>
<SCRIPT language=JavaScript src="制作右键弹出菜单.files/pop-up.js"></SCRIPT>
<!-- InstanceBegin template="/Templates/20020508.dwt" codeOutsideHTMLIsLocked="false" --><!-- InstanceBeginEditable name="doctitle" --><!-- InstanceEndEditable -->
<META http-equiv=Content-Type content="text/html; charset=gb2312"><!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --><LINK
href="制作右键弹出菜单.files/index.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY oncontextmenu="return false" text=#000000 bgColor=#ffffff leftMargin=0
topMargin=0>
<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD align=middle><IMG height=45 src="制作右键弹出菜单.files/top.gif" width=170></TD>
<TD vAlign=center align=middle width=500 height=70><IMG height=60
src="制作右键弹出菜单.files/ad.gif" width=468 border=0></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD width=148 background=制作右键弹出菜单.files/titletop1.gif height=48> </TD>
<TD vAlign=top width=10 height=48><IMG height=56
src="制作右键弹出菜单.files/titletop2.gif" width=37></TD>
<TD vAlign=top width=617 height=48>
<TABLE height=33 cellSpacing=0 cellPadding=0 width="100%"
background=制作右键弹出菜单.files/titletop3.gif border=0>
<TBODY>
<TR>
<TD height=32>
<SCRIPT language=JavaScript>var today = new Date()var year = today.getYear()var month = today.getMonth()+1var date = today.getDate()var day = today.getDay()document.write(" "+year+"年"+month+"月"+date+"日 ");if(day == 6)document.write("星期六")if (day == 5)document.write("星期五")if (day == 4)document.write("星期四")if (day == 3)document.write("星期三")if (day == 2)document.write("星期二")if (day == 1)document.write("星期一")if (day == 0)document.write("星期日");</SCRIPT>
〖<A
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://bestrun.myetang.com');"
href="javascript:window.close()" target=_blank>设为首页</A>〗〖<A
onclick="javascript:(window.external.AddFavorite('http://bestrun.myetang.com','Designed For Macromedia Dreamweaver'));"
href="javascript:window.close()" target=_blank>收藏本站</A>〗〖<A
href="mailto:51design@21cn.com">联系站长</A>〗
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top width=139 height=196>
<TABLE class=px14 height="100%" cellSpacing=0 cellPadding=0 width=139
background=制作右键弹出菜单.files/titletop4.gif border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle><BR>-=]本站LOGO[=-<BR><BR><A
href="http://bestrun.myetang.com/"><IMG height=31
src="制作右键弹出菜单.files/logo.gif" width=88
border=0></A><BR><BR>特别声明：<BR> 请尊重作者的知识权益，未经作者同意，不得转载！！转载请与作者联系有关事宜！欢迎投稿！ </TD></TR></TBODY></TABLE></TD>
<TD vAlign=top align=middle width=631 height=196>
<SCRIPT language=JavaScript>document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</SCRIPT>
<BR><!-- InstanceBeginEditable name="title" -->作 者：店小二 Email：
51design@21cn.com <!-- InstanceEndEditable -->
<TABLE cellSpacing=0 cellPadding=0 width=580 align=center border=0>
<TBODY>
<TR>
<TD><!-- InstanceBeginEditable name="content" -->
<DIV id=table
style="Z-INDEX: 2; VISIBILITY: hidden; WIDTH: 52px; POSITION: absolute; HEIGHT: 58px"
name="table"><A href="http://bestrun.myetang.com/"
target=_blank>点这里</A> <A href="http://bestrun.myetang.com/"
target=_blank>点这里</A> <A href="http://bestrun.myetang.com/"
target=_blank>点这里</A> </DIV>
<SCRIPT language=JavaScript type=text/JavaScript>document.onmousedown=clickfunction click(){if (event.button==2) {table.style.left = window.event.x + document.body.scrollLeft; table.style.top = window.event.y + document.body.scrollTop; table.style.visibility=""; }else{window.setTimeout("hidden();", 500); }}function hidden() { table.style.visibility='hidden'; } </SCRIPT>
看到很多都用到右键的弹出菜单，于是店小二也想制作一个，首先就是解决IE里面右键菜单，才能实现我的目的。不过，这个难不倒我，呵呵，首先，在Dreamweaver
MX里点击查看源代码的那个选项，在<body bgcolor="#FFFFFF"
text="#000000">里面加上这个oncontextmenu="return
false"就OK了，它的作用就是使右键弹出菜单失效！这样，我们自己制作的菜单才能用得上呀！<BR>我们首先要建立一个层，并给它命名为：table如下图：<BR><IMG
height=91 src="制作右键弹出菜单.files/1.gif"
width=565><BR>其中，层的名字为table,相关参数如图所示。<BR><BR>接下来就是编辑菜单的栏目了，我只是在里面加上了三个菜单，具体的你自己搞定，如果你想制作一个跟我一样的菜单的话，那么跟着我做就行了。如下图：<BR><IMG
height=90 src="制作右键弹出菜单.files/2.gif"
width=70><BR>相关的超链接自己安排，我的都是连接到我的主页。<BR>好了，作好了前期准备，现在要到后期准备了。<BR>因为右键菜单跟鼠标的坐标有关，故编写一个javascript程序，具体如下：<BR><script
language="JavaScript"
type="text/JavaScript"><BR>//定义一个触发条件，当鼠标按下时就执行click()<BR>document.onmousedown=click<BR>//一个函数<BR>function
click()<BR>{<BR>//判断是否按下右键<BR>if (event.button==2)
<BR>//为真时<BR>{<BR>table.style.left = window.event.x +
document.body.scrollLeft; <BR>table.style.top = window.event.y +
document.body.scrollTop; <BR>table.style.visibility="";
<BR>}<BR>//为假时<BR>else<BR>{<BR>window.setTimeout("hidden();", 500);
<BR>}<BR>}<BR>//关闭菜单的函数<BR>function hidden() {
<P>table.style.visibility='hidden'; </P>
<P>}
<BR></script><BR>呵呵，这样，我们就能实现右键弹出菜单的功能了！不信，你按一下右键试试看！<BR>具体的源代码如下：<BR><!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"><BR><html><BR><head><BR><title>Untitled
Document</title><BR><meta http-equiv="Content-Type"
content="text/html; charset=gb2312"><BR></head></P>
<P><body bgcolor="#FFFFFF" text="#000000" oncontextmenu="return
false"><BR><div id="table" name=table
style="position:absolute; width:52px; height:58px; z-index:2;
visibility: hidden; left: 292px; top: 177px;"> <BR><a
href=http://bestrun.myetang.com target=_blank>点这里</a> <a
href=http://bestrun.myetang.com target=_blank>点这里</a>
<BR><a href=http://bestrun.myetang.com
target=_blank>点这里</a> </div><BR><script
language="JavaScript"
type="text/JavaScript"><BR>document.onmousedown=click<BR>function
click()<BR>{<BR>if (event.button==2) <BR>{<BR>table.style.left =
window.event.x + document.body.scrollLeft; <BR>table.style.top =
window.event.y + document.body.scrollTop;
<BR>table.style.visibility="";
<BR>}<BR>else<BR>{<BR>window.setTimeout("hidden();", 500);
<BR>}<BR>}<BR>function hidden() { </P>
<P>table.style.visibility='hidden'; </P>
<P>} <BR></script><BR></body><BR></html></P><!-- InstanceEndEditable --><BR><BR></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=580 border=0>
<TBODY>
<TR>
<TD align=right>〖<A
href="javascript:window.external.addFavorite(location.href,document.title);">收藏本页</A>〗
〖<A href="javascript:window.close();">关闭本页</A>〗
<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE height=5 cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD bgColor=#99cc33></TD></TR></TBODY></TABLE>
<TABLE height=2 cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD bgColor=#bcdd77></TD></TR></TBODY></TABLE>
<TABLE height=2 cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD bgColor=#d6eaaa></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=770 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV class=menu2 align=right><FONT class=right>Copyright ©2001 All rights
by <A href="mailto:51design@21cn.com" target=_blank>Moson Studio</A>
reserved</FONT></DIV></TD></TR></TBODY></TABLE><!-- InstanceEnd --></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -