5.9w+
社区成员
- 主页
- 问答
...全文
请发表友善的回复…
发表回复
swich 2003-12-25
http://fason.nease.net/zhuanti/menu.htm
这里有个右键菜单很好的
这里有个右键菜单很好的
wanghr100 2003-12-25
可以用层模拟
<STYLE>
.skin1 {
VISIBILITY: hidden;
WIDTH: 100px; CURSOR: default;
POSITION: absolute;
TEXT-ALIGN: center ;
BORDER:1px solid;
}
</STYLE>
<SCRIPT language="JavaScript">
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
</SCRIPT>
<DIV id=ie5menu>
<a href="http://www.cnlk.com">CNLK</a><br>
<a href="http://www.csdn.net">CSDN</a><br>
</DIV>
<SCRIPT language="JavaScript">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</SCRIPT>
<STYLE>
.skin1 {
VISIBILITY: hidden;
WIDTH: 100px; CURSOR: default;
POSITION: absolute;
TEXT-ALIGN: center ;
BORDER:1px solid;
}
</STYLE>
<SCRIPT language="JavaScript">
<!-- Begin
var menuskin = "skin1"; // skin0, or skin1
function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
</SCRIPT>
<DIV id=ie5menu>
<a href="http://www.cnlk.com">CNLK</a><br>
<a href="http://www.csdn.net">CSDN</a><br>
</DIV>
<SCRIPT language="JavaScript">
if (document.all && window.print) {
ie5menu.className = menuskin;
document.oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</SCRIPT>
无爱大叔 2003-12-23
思路：
触发页面上的右击事件。<body oncontextmenu="javascript:你的函数">
制作你的菜单(隐藏)
函数里面取鼠标的x,y坐标值当右键的时候显示在坐标点的位置。
触发页面上的右击事件。<body oncontextmenu="javascript:你的函数">
制作你的菜单(隐藏)
函数里面取鼠标的x,y坐标值当右键的时候显示在坐标点的位置。