20CN网络安全小组论坛 - 网站建设

论坛: 网站建设标题: 右键菜单

复制本贴地址

作者: lonely2500 [lonely2500]

论坛用户

今天在浏览某个论坛时，发现该页面的右键菜单是自己做的。

请问如何做呢，那象这样的页面能不能调出菜单呢？

地主发表时间: 02/23 18:04

回复: gc2600 [gc2600]

论坛用户

现在找到一些相关资料，简单做一分析。
-------------------------------效果---------------http://i6677.com/fun/mouse/mouse14.html
------------------------------代码----------------
<STYLE>.skin0{BACKGROUND-COLOR: menu; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; CURSOR: default; FONT-FAMILY: 宋体;font-size:9pt; LINE-HEIGHT: 18px; POSITION: absolute; TEXT-ALIGN: left; VISIBILITY: hidden; WIDTH: 150px}.skin1{BACKGROUND-COLOR: menu; BORDER-BOTTOM: buttonhighlight 2px outset; BORDER-LEFT: buttonhighlight 2px outset; BORDER-RIGHT: buttonhighlight 2px outset; BORDER-TOP: buttonhighlight 2px outset; CURSOR: default; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; POSITION: absolute; TEXT-ALIGN: left; VISIBILITY: hidden; WIDTH: 120px}.menuitems{PADDING-LEFT: 15px; PADDING-RIGHT: 10px}</STYLE>
<SCRIPT>var menuskin="skin0";var display_url=0;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";};function highlightie5(){if(event.srcElement.className=="menuitems"){event.srcElement.style.backgroundColor="highlight";event.srcElement.style.color="white";if(display_url)window.status= event.srcElement.url;}};function lowlightie5(){if(event.srcElement.className=="menuitems"){event.srcElement.style.backgroundColor="";event.srcElement.style.color="black";window.status="";}};function jumptoie5(){if(event.srcElement.className=="menuitems"){if(event.srcElement.getAttribute("target") != null) window.open(event.srcElement.url, event.srcElement.getAttribute("target"));else window.location = event.srcElement.url;}}</SCRIPT>

<DIV class=skin0 id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()><DIV class=menuitems url="javascript:history.back();">返回</DIV><DIV class=menuitems url="../../index.htm">回首页</DIV><HR><DIV class=menuitems url="http://www.163.com">网易</DIV><DIV class=menuitems url="http://www.sohu.com">搜狐</DIV><HR><DIV class=menuitems url="http://netsh.com">乐趣园</DIV><DIV class=menuitems url="http://netshfun.clubhi.com">论坛乐趣</DIV></DIV>

<SCRIPT>if(document.all&&window.print){ie5menu.className=menuskin;document.oncontextmenu=showmenuie5;document.body.onclick=hidemenuie5;}</SCRIPT>

B1层发表时间: 03/04 20:18

回复: gc2600 [gc2600]

论坛用户

var menuskin = "skin0" 这个用来选择菜单样式，改用"skin1"可以产生立体的效果，不过不如现在这个好看；
var display_url = 0; 可以为1 决定是否在状态栏显示链接地址；
修改<style>中的skin0和skin1可以改变菜单的外观
----------------------

CTRL+C仍然可以复制，所以说屏蔽了右键我看还没有办到。

----------------------

B2层发表时间: 03/04 20:21

回复: lonely2500 [lonely2500]

论坛用户

谢谢你喔~：）

B3层发表时间: 03/05 22:02

论坛: 网站建设