多级右键菜单

日　期：2006-04-13 来　源：阅读:

<HTML><HEAD><TITLE>多级右键菜单 - 51windows.Net</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>BODY {
FONT-SIZE: 12px;
}
.info{FONT-SIZE: 14px;color:#FFFFFF;font-family:@Tahoma,@宋体;width:20px}
TABLE {
CURSOR: default; FONT-SIZE: 12px; MARGIN: 0px
}
TR {
HEIGHT: 20px
}
TR.over {
BACKGROUND-COLOR: #000080; COLOR: #ffffff; CURSOR: default; FONT-SIZE: 12px
}
TR.out {
BACKGROUND-COLOR: #efefef; COLOR: #000000; FONT-SIZE: 12px
}
DIV.rm_div {
BACKGROUND-COLOR: #efefef; BORDER-BOTTOM: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; DISPLAY: none; FILTER: Alpha(Opacity='95'); HEIGHT: 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; WIDTH: 0px
}
HR.sperator {
BORDER-BOTTOM: #ffffff 1px inset; BORDER-LEFT: #ffffff 1px inset; BORDER-RIGHT: #ffffff 1px inset; BORDER-TOP: #ffffff 1px inset; WIDTH: 95%
}
.w2kfont {
FONT-FAMILY: Tahoma; FONT-SIZE: 8pt
}
</STYLE>

<SCRIPT language=JScript>
\n";
    HTMLstr += "\n";
    HTMLstr += "\n";
    HTMLstr += "<div id='E_rbpm' class='rm_div'>\n";
                        // rbpm = right button pop menu
    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";
    HTMLstr += "<tr><td height='264' width='20' valign='bottom' bgcolor='#000000' onclick=window.event.cancelBubble=true; class=info>作制娃海<br>:<br>窗视忧无\n";
    HTMLstr += "</td><td height='264' width='120' style='padding: 1' valign='bottom'>\n";
    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";
    HTMLstr += "\n";
    HTMLstr += "</table></td></tr></table>\n";
    HTMLstr += "</div>\n";
    HTMLstr += "";
    HTMLstr += "\n";
    HTMLstr += "\n";
}
function AddExtendMenu(id,img,wh,name,parent)
{
    var TempStr = "";

eval("A_"+parent+".length++");
    eval("A_"+parent+"[A_"+parent+".length-1] = id"); // 将此项注册到父菜单项的ID数组中去
    TempStr += "<div id='E_"+id+"' class='rm_div'>\n";
    TempStr += "<table width='100%' border='0' cellspacing='0'>\n";
    TempStr += "";
    TempStr += "</table>\n";
    TempStr += "</div>\n";
    TempStr += "";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);

    eval("A_"+id+" = new Array()");
    TempStr = "";
    TempStr += "\n";
    TempStr += "<tr id='P_"+id+"' class='out'";
    TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseup=window.event.cancelBubble=true;";
    TempStr += " onclick=window.event.cancelBubble=true;";
    TempStr += "><td nowrap>";
    TempStr += "<font face='Wingdings' style='font-size:18px'>0</font> "+name+" </td><td style='font-family: webdings; text-align: ;'>4";
    TempStr += "</td></tr>\n";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
}
function AddItem(id,img,wh,name,parent,location)
{
    var TempStr = "";
    var ItemStr = "";
    if(id == "sperator")
    {
      TempStr += ItemStr+"\n";
      TempStr += "<tr class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'><td colspan='2' height='1'><hr class='sperator'></td></tr>";
      TempStr += "";
      HTMLstr = HTMLstr.replace("",TempStr);
      return;
    }
    if(HTMLstr.indexOf(ItemStr) != -1)
    {
      alert("I_"+id+"already exist!");
      return;
    }
    TempStr += ItemStr+"\n";
    TempStr += "<tr id='I_"+id+"' class='out'";
    TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";
    TempStr += " onclick='window.event.cancelBubble=true;'";
    if(location == null)
      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";
    else
      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";
    TempStr += "><td nowrap>";
    TempStr +="<font face='Wingdings' style='font-size:18px'>"+wh+"</font> "+ name+" ";//以Wingdings字体做为图片，要改成图片，请在这里更改
    TempStr += "</td><td></td></tr>\n";
    TempStr += "";
    HTMLstr = HTMLstr.replace("",TempStr);
}
function GetMenu()
{
    return HTMLstr;
}
function I_OnMouseOver(id,parent)
{
    var Item;
    if(parent != "rbpm")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    Item = eval("I_"+id);
    Item.className="over";
    HideAll(parent,1);
}
function I_OnMouseOut(id)
{
    var Item;
    Item = eval("I_"+id);
    Item.className="out";
}
function I_OnMouseUp(id,parent,location)
{
    var ParentMenu;
    window.event.cancelBubble=true;
    OnClick();
    ParentMenu = eval("E_"+parent);
    ParentMenu.display="none";
    if(location == null)
      eval("Do_"+id+"()");
    else
      window.open(location);
}
function P_OnMouseOver(id,parent)
{
    var Item;
    var Extend;
    var Parent;
    if(parent != "rbpm")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    HideAll(parent,1);
    Item = eval("P_"+id);
    Extend = eval("E_"+id);
    Parent = eval("E_"+parent);
    Item.className="over";
    Extend.style.display="block";
    Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;
    if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
        Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;
    if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;
    Extend.style.posTop=Parent.offsetTop+Item.offsetTop+1;
    if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)
      Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;
    if(Extend.style.posTop < 0) Extend.style.posTop=0;
}
function P_OnMouseOut(id,parent)
{
}
function HideAll(id,flag)
{
    var Area;
    var Temp;
    var i;
    if(!flag)
    {
      Temp = eval("E_"+id);
      Temp.style.display="none";
    }
    Area = eval("A_"+id);
    if(Area.length)
    {
      for(i=0; i < Area.length; i++)
      {
        HideAll(Area[i],0);
        Temp = eval("E_"+Area[i]);
        Temp.style.display="none";
        Temp = eval("P_"+Area[i]);
        Temp.className="out";
      }
    }
}

document.onmouseup=OnMouseUp;
document.onclick=OnClick;
function OnMouseUp()
{
    if(window.event.button == 2)
    {
      var PopMenu;
      PopMenu = eval("E_rbpm");
      HideAll("rbpm",0);
      PopMenu.style.display="block";
      PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;
      PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;
      if(PopMenu.style.posLeft+PopMenu.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
        PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;
      if(PopMenu.style.posLeft < 0) PopMenu.style.posLeft=0;
      if(PopMenu.style.posTop+PopMenu.offsetHeight > document.body.scrollTop+document.body.clientHeight)
        PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;
      if(PopMenu.style.posTop < 0) PopMenu.style.posTop=0;
    }
}
function OnClick()
{
    HideAll("rbpm",0);
}
// Add Your Function on following
function Do_viewcode(){window.location="view-source:"+window.location.href;}
function Do_help(){window.showHelp(window.location);}
function Do_exit() {window.close();}
function Do_refresh() {window.location.reload();}
function Do_back() {history.back();}
function Do_forward() {history.forward();}
function Do_help(){alert("帮助")}
-->
</SCRIPT>
<META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
<BODY bgColor=#336699 oncontextmenu=window.event.returnValue=false>
<DIV id=snwcwt> 请点击右键</DIV>
<SCRIPT language=JScript>

</SCRIPT>
</TD></TR>
</TABLE>
</BODY>
</HTML>

上一篇：ie里window的method列表下一篇：效果不错的变色菜单

收藏本文到:

查看全部JavaScript内容

ie里window的method列表　 2006-04-13 00:00:00
alert(sMsg) //弹出一个确认消息框 attachEvent(sEvent,pFunction) //绑定一个函数到某个事件，事件触发时随机执行其中一个被绑定的函数 blur() //令窗口丧失焦点 clearInt...[阅读全文]
效果不错的变色菜单　 2006-04-13 00:00:00
style /* 先把这个 xmenu 的样式放到css里 */ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;backgrou...[阅读全文]
特效代码收集　 2006-04-13 00:00:00
滚动条 CODE:[url=###][Copy to clipboard][/url] 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向...[阅读全文]
模拟QQ的菜单　 2006-04-13 00:00:00
STYLE type="text/css" A:link { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} A:visited { COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none} A:hov...[阅读全文]
轻松搞定网页的【简繁转换】　 2006-04-13 00:00:00
　　对网页进行简繁字体转换的方法一般有两种：一是使用《简繁通》这样的专业软件，另外一种是制作两套版本的网页。显然，这两种方法都较为麻烦，而且专业软件一般不能用于...[阅读全文]
用层模拟的窗口　 2006-04-13 00:00:00
html head title_xWin/title meta http-equiv="Content-Type" content="text/html; charset=gb2312" META NAME="Description" CONTENT=" http://www.51windows.Net " style...[阅读全文]
用JavaScript保护页面　 2006-04-13 00:00:00
//不允许页面单独打开 if (window.top.location==window.location){ window.top.location="指定的地址"; } //不允许页面嵌在框架里 if (window.top.location!=window.locat...[阅读全文]
自定义超链接的Title　 2006-04-13 00:00:00
html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" title自定义title - 51windows.net/title /head body pB自定义title/B(IE)：把鼠标放在下...[阅读全文]
JS脚本控制的广告-对联（没有关闭）　 2006-04-12 00:00:00
function initEcAd() { document.all.AdLayer1.style.posTop = -200; document.all.AdLayer1.style.visibility = 'visible' document.all.AdLayer2.style.posTop = -200; d...[阅读全文]
Web Tabs　 2006-04-13 00:00:00
html head titleWeb Tabs Demo - 51windows.net/title style body { background: buttonface; font-family: Tahoma; font-size: 12px; margin: 0px } div,td{font-size:9pt...[阅读全文]
图片下拉选择器的制作(2)　 2006-10-22 00:00:00
第三，图片下拉列表框的滚动，要保证自动滚动到相应的图片出现在列表框的顶端：当手动滚动停止时，如果滚动条趋势是向下滚动，则自动继续向下滚动直至最近的图片在列表框...[阅读全文]
跟随鼠标的八条线(IE)　 2006-04-13 00:00:00
html title跟随鼠标的八条线 -51windows.Net/title head meta name="keywords" content="51windows.Net" meta http-equiv=Content-Type content="text/html; charset=gb231...[阅读全文]
图片下拉选择器的制作(1)　 2006-10-22 00:00:00
相信大家都见过一些软件里的图片下拉选择控件吧？喏，OICQ中就有。但网页上的你见过没有？小阳今天就为你推出你心怡已久的这个控件，下面演示中就是了！效果还可以吧？心动...[阅读全文]
用javascript实现浏览器地震效果　 2006-10-22 00:00:00
一种把人吓一跳的感觉。实现方法是，把下面的JavaScript代码加入到 body与 /body之间： script language="JavaScript" function surfto(form) { var myindex=form.select1....[阅读全文]
使主页呈现“飞舞”特效　 2006-10-22 00:00:00
朋友，“天上掉陷饼”都听说过吧？呵呵，陷饼它算个么，今天教你一个天上掉￥的招儿，并且～～哗啦啦地掉！哈～哈～哈，来吧^_* 首先看效果将下面的JavaScript代码加到 he...[阅读全文]
如何制作浮动广告　 2006-10-22 00:00:00
漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚...[阅读全文]
让弹出窗口变得“体贴”一些　 2006-10-22 00:00:00
让弹出窗口变得体贴一些在网上冲浪时进入一些网站会出现弹出窗口。它可能是站长对你的亲切问候，也可能是网站的重要通告、网站广告之类的。但用得不好会让人产生厌烦心理...[阅读全文]
用javascript实现变色背景和文字(2)　 2006-10-22 00:00:00
2、前景文字： html head title bgcolor /title meta http-equiv="Content-Type" content="text/html; charset=gb2312" script language="JavaScript" !-- //you can assig...[阅读全文]
初学javascript之cookie篇(1)　 2006-10-22 00:00:00
简介 ==================================== 问题是我想解决自动访问http://www.thehungersite.com。这个页面能够限制你每一天只访问它一次（不要忘记在这链接上点击）。 ...[阅读全文]
HTC——浏览器上的舞者　 2006-10-22 00:00:00
很久以来一直为页面工作的繁琐和杂乱而苦恼，做B/S很多时候痛苦就在做表现层这一块，业务逻辑和数据层的处理反而轻松不少。为什么？因为不能复用，大量的CSS和Javascript和...[阅读全文]

点击复制本网址，与好友共享

[大中小] [收藏此页] [打印此页] [关闭]

评论留言

用户名：（新注册）密码：匿名发表评论(0条)

评论内容：(不能超过250字，不支持HTML或代码，只能发表纯文字，请自觉遵守互联网相关政策法规。)

[an error occurred while processing this directive]

热点搜索

内衣写真汤加丽人体艺术裸体模特偷拍美女视频诱惑自拍美女性感张靓颖走光清纯少女劲舞视频经典搞笑后舍男生性感美女花花公子美女街舞广告欣赏全智贤

多级右键菜单

收藏本文到:

查看全部JavaScript内容

相关文章

评论留言

热点搜索

娱乐中心精华推荐

资讯中心精华推荐