右键单击菜单效果
下面是代码
在<head></head>中间插入如下代码
<SCRIPT language=JavaScript1.2>
//如果要让状态栏（在浏览器左下角）里同步显示菜单内容，将变量display_url设置为1。
var display_url=1
//这里是定义显示菜单位置的函数，主要是获取鼠标位置，计算出菜单的显示位置。
function showmenuie5(){
//下面这句是确定菜单“左”的位置。
ie5menu.style.left=document.body.scrollLeft+event.clientX
//下面这句是确定菜单“顶”的位置。
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==1)
window.status=event.srcElement.url
}
}
//下面的函数用于鼠标在菜单项中移动时,将未选中的菜单项去掉加亮恢复正常.
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
//下面的函数用于处理鼠标在具体菜单项上的点击,跳到对应的URL
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
然后把<body>改成<BODY bgColor=#ffffff leftMargin=0 topMargin=0>
最后在<BODY bgColor=#ffffff leftMargin=0 topMargin=0>下面插入下面代码即可
<!下面就是定义具体的菜单项目和菜单对应的URL,一共定义了5个>
<DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()>
<DIV align=center class=menuitems url="http://www.goodsgy.com"
target="_blank">电脑学习网首页</DIV>
<DIV align=center class=menuitems url="http://www.jzptt.ln.cn"
target="_blank">锦州在线</DIV>
<DIV align=center class=menuitems url="http://www.online.ln.cn"
target="_blank">辽宁热线</DIV>
<DIV align=center class=menuitems url="http://www.chinese.com"
target="_blank">炎黄在线</DIV>
<DIV align=center class=menuitems url="http://www.yinsha.com"
target="_blank">碧海银沙</DIV>
<DIV align=center class=menuitems url="../gzsjj.htm" target="_blank">电脑学习网简介</DIV>
<DIV align=center class=menuitems url="../lxgzs.htm" target="_blank">联系工作室</DIV>
</DIV>
<SCRIPT language=JavaScript1.2>
//定义鼠标点击右键时弹出我们定义的菜单
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
//定义鼠标在空白页面上点击时执行隐藏菜单动作
document.body.onclick=hidemenuie5
</SCRIPT>
<!下面这些是用CSS定义菜单具体的底色,底边,左边,右边,顶边的大小、颜色，是否实心；字体大小等>
<!Width参数是定义菜单宽度>
<STYLE>#ie5menu {
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: 12px;
LINE-HEIGHT: 20px;
POSITION: absolute;
VISIBILITY: hidden;
WIDTH: 120px
}
</STYLE>
在这个菜单中的网站个数不受限制,你自己可以任意增加减少.在此希望你可以给本站做链接,谢谢！！！