18973218026
当前位置：首页 > 长沙网站建设 > 鼠标右键弹出式菜单

鼠标右键弹出式菜单

优度网络 2609
长沙网站建设 长沙网络公司 长沙建网站 长沙网站推广公司

<html>
<head>
<STYLE>
.menutable {
 BORDER-RIGHT: #307ce8 1px solid; BORDER-TOP: #94bcf3 1px solid; FONT-SIZE: 12px; Z-INDEX: 100; BORDER-LEFT: #307ce8 5px solid; BORDER-BOTTOM: #307ce8 1px solid; POSITION: absolute; BACKGROUND-COLOR: #ffffff
}
.menutrin {
 CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #1a71e6
}
.menutrout {
 CURSOR: hand; COLOR: #000000
}
.menutd0 {
 WIDTH: 28px; HEIGHT: 25px; TEXT-ALIGN: center; 改变这个修改菜单高度---:
}
.menutd1 {
 WIDTH: 46px; FONT-FAMILY: Webdings; TEXT-ALIGN: right
}
.linktd1 {
 WIDTH: 46px
}
.menutd2 {
 WIDTH: 4px
}
.menuhr {
 BORDER-RIGHT: #307ce8 1px inset; BORDER-TOP: #307ce8 1px inset; BORDER-LEFT: #307ce8 1px inset; BORDER-BOTTOM: #307ce8 1px inset
}
</STYLE>
<BGSOUND id=theBS src="" loop=0>
</head>
<body>
<center>点击右键试试</center>
<script>
<!----

/*-----------------------------------------------------------
鼠标右键菜单 1.0 Designed By Stroll  e-mail: csy-163@163.com

 

--------------------------------------------------------------*/

//---------------  有关数据 -----------------//

var IconList = new Array();   // icon图片 集合， 下标从 1 开始

 IconList[1] = new Image();
 
 IconList[1].src = "http://www.aspjz.com/images/jinhuabiao.gif";
 
 IconList[2] = new Image();
 
 IconList[2].src = "http://www.aspjz.com/images/jinhuabiao.gif";

 IconList[3] = new Image();
 
 IconList[3].src = "http://www.aspjz.com/images/jinhuabiao.gif";
 
 IconList[4] = new Image();
 
 IconList[4].src = "http://www.aspjz.com/images/jinhuabiao.gif";

//----------------  检测变量 菜单的显示隐藏就靠它了！！！  ------------------//

var JustMenuID = "";

var SubMenuList = new Array();

var NowSubMenu = "";

var mouseCanSound = true;   //---------------------------  声音开关 ------  声音开关 ------------------//

var menuSpeed     =  50;   //---------- 菜单显示速度 ------------//

var alphaStep     =  30;   //---------- Alpaha 变化 度 -----------//
 
//------------- 构建 主菜单 对象 -------------//

function MouseMenu(objName)
{
 this.id    = "Menu_"+objName;
 this.obj   = objName;
 this.length  = 0;
 
 
 this.addMenu = addMenu;
 this.addLink = addLink;
 this.addHR   = addHR;
 
 JustMenuID = this.id;
 
 document.body.insertAdjacentHTML('beforeEnd','<table id="'+this.id+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable" onmousedown=event.cancelBubble=true; onmouseup=event.cancelBubble=true></table>');
}

//----------- 构建 子菜单 对象 -------------//

function SubMenu(objName,objID)
{
 this.obj = objName;
 this.id  = objID;

 this.addMenu = addMenu;
 this.addLink = addLink;
 this.addHR   = addHR;

 this.length  = 0;
}


//-------------- 生成 菜单 makeMenu 方法 -----------//
function makeMenu(subID,oldID,word,icon,url,target,thetitle)
{
 var thelink = '';
 

 if(icon&&icon!="")
 {
  icon = '<img border="0" src="'+IconList[icon].src+'">';
 }
 else
 {
  icon = '';
 }
 
 if(!thetitle||thetitle=="")
 {
  thetitle = '';
 }
 
 
 if(url&&url!="")
 {
  thelink += '<a href="'+url+'" ';
 
  if(target&&target!="")
  {
   thelink += '  ';
   thelink += 'target="'+target+'" '
  }
 
  thelink += '></a>';
 }
 
 var Oobj = document.getElementById(oldID);

 /*--------------------------------------------- 菜单html样式
 
   <tr class="menutrout" id="trMenu_one_0" title="I am title">
      <td class="menutd0"><img src="icon/sub.gif" border="0" width="16" height="16"></td>
      <td><a href="javascript:alert('I am menu');" target="_self"></a><nobr>菜单一</nobr></td>
      <td class="menutd1">4</td>
      <td class="menutd2"> </td>
    </tr>

 
 --------------------------------------------------*/
 
 Oobj.insertRow();
 

 with(Oobj.rows(Oobj.rows.length-1))
 {
  id    = "tr"+subID;
  className = "menutrout";
 
  title       = thetitle;

 }
 
 eventObj = "tr"+subID;
 
 eval(eventObj+'.attachEvent("onmouseover",MtrOver('+eventObj+'))');
 eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))');
 
 var trObj = eval(eventObj);

 for(i=0;i<4;i++)
 {
  trObj.insertCell();
 }

 with(Oobj.rows(Oobj.rows.length-1))
 {
  cells(0).className = "menutd0";
  cells(0).innerHTML = icon;

  cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>';
  cells(1).calssName = "indentWord"
 
  cells(2).className = "menutd1";
  cells(2).innerHTML = "4";
 
  cells(3).className = "menutd2";
  cells(3).innerText = " ";
 
 }
 
 
 
 document.body.insertAdjacentHTML('beforeEnd','<table id="'+subID+'" border="0" cellspacing="0" cellpadding="0" style="top: 0; left: 0; visibility: hidden; filter:Alpha(Opacity=0);" class="menutable" onmousedown=event.cancelBubble=true; onmouseup=event.cancelBubble=true></table>');
 
 
 
}


//---------------- 生成连接 makeLink 方法 ------------//
function makeLink(subID,oldID,word,icon,url,target,thetitle)
{
 
 
 var thelink = '';
 
 if(icon&&icon!="")
 {
  icon = '<img border="0" src="'+IconList[icon].src+'">';
 }
 else
 {
  icon = '';
 }
 
 if(!thetitle||thetitle=="")
 {
  thetitle = '';
 }
 
 
 if(url&&url!="")
 {
  thelink += '<a href="'+url+'" ';
 
  if(target&&target!="")
  {
   thelink += '  ';
   thelink += 'target="'+target+'" '
  }
 
  thelink += '></a>';
 }
 
 var Oobj = document.getElementById(oldID);
 
 
 /*--------------------------------------------- 连接html样式
 
   <tr class="menutrout" id="trMenu_one_0" title="I am title">
      <td class="menutd0"><img src="icon/sub.gif" border="0" width="16" height="16"></td>
      <td><a href="javascript:alert('I am link');" target="_self"></a><nobr>连接一</nobr></td>
      <td class="linktd1"></td>
      <td class="menutd2"> </td>
    </tr>

 
 --------------------------------------------------*/
 
 Oobj.insertRow();
 

 with(Oobj.rows(Oobj.rows.length-1))
 {
  id    = "tr"+subID;
  className = "menutrout"; 
  title       = thetitle;

 }
 
 eventObj = "tr"+subID;
 
 eval(eventObj+'.attachEvent("onmouseover",LtrOver('+eventObj+'))');
 eval(eventObj+'.attachEvent("onmouseout",LtrOut('+eventObj+'))'); 
 eval(eventObj+'.attachEvent("onclick",MtrClick('+eventObj+'))');
 
 var trObj = eval(eventObj);

 for(i=0;i<4;i++)
 {
  trObj.insertCell();
 }

 with(Oobj.rows(Oobj.rows.length-1))
 {
  cells(0).className = "menutd0";
  cells(0).innerHTML = icon;

  cells(1).innerHTML = thelink+'<nobr class=indentWord>'+word+'</nobr>';

  cells(2).className = "linktd1";
  cells(2).innerText = " ";
 
  cells(3).className = "menutd2";
  cells(3).innerText = " ";
 
 }

}


//-------------- 菜单对象 addMenu 方法 ------------//
function addMenu(word,icon,url,target,title)
{
 var subID    = this.id + "_" + this.length;
 var subObj  = this.obj+"["+this.length+"]";
 
 var oldID   = this.id;
 
 eval(subObj+"= new SubMenu('"+subObj+"','"+subID+"')");
 
  makeMenu(subID,oldID,word,icon,url,target,title);
 
  this.length++;
 
}


//------------- 菜单对象 addLink 方法 -------------//
function addLink(word,icon,url,target,title)
{
 var subID    = this.id + "_" + this.length;
 var oldID  = this.id;
 
  makeLink(subID,oldID,word,icon,url,target,title);
 
  this.length++;
}

//------------ 菜单对象 addHR 方法 -----------------//
function addHR()
{
 var oldID = this.id;

 var Oobj = document.getElementById(oldID);
 
 Oobj.insertRow();
 
 /*------------------------------------------
 
  <tr>
      <td colspan="4">
  <hr class="menuhr" size="1" width="95%">
       </td>
    </tr>
 
 --------------------------------------------*/

 
 Oobj.rows(Oobj.rows.length-1).insertCell();

 with(Oobj.rows(Oobj.rows.length-1))
 {
  cells(0).colSpan= 4;
  cells(0).insertAdjacentHTML('beforeEnd','<hr class="menuhr" size="1" width="95%">'); 
 }
 
}

 

 


//--------- MtrOver(obj)-------------------//
function MtrOver(obj)
{
 return sub_over;
 
 function sub_over()
 {
 
  var sonid = obj.id.substring(2,obj.id.length);
 
  var topobj = obj.parentElement.parentElement;
 
  NowSubMenu = topobj.id;
 
  if(obj.className=="menutrout")
  {
   mouseWave();
  } 
 
  HideMenu(1); 
 
  SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;

  ShowTheMenu(sonid,MPreturn(sonid)) 
 
  SubMenuList[returnIndex(obj.id)] = sonid;
 
  if(topobj.oldTR)
  {
   eval(topobj.oldTR+'.className = "menutrout"');
  }

  obj.className = "menutrin";

  topobj.oldTR = obj.id;
 

 }
}

//--------- LtrOver(obj)-------------------//
function LtrOver(obj)
{
 return sub_over;
 
 function sub_over()
 {
  var topobj = obj.parentElement.parentElement;

  NowSubMenu = topobj.id;
 
  HideMenu(1);
 
  SubMenuList[returnIndex(NowSubMenu)] = NowSubMenu;
   
  if(topobj.oldTR)
  {
   eval(topobj.oldTR+'.className = "menutrout"');
  }

  obj.className = "menutrin";

  topobj.oldTR = obj.id;

 }
}

//--------- LtrOut(obj)-------------------//
function LtrOut(obj)
{
 return sub_out;
 
 function sub_out()
 {
  var topobj = obj.parentElement.parentElement;
 
  obj.className = "menutrout";
 
  topobj.oldTR = false;
 }
}

//----------MtrClick(obj)-----------------//

function MtrClick(obj)
{
 return sub_click;
 
 function sub_click()
 {
  if(obj.cells(1).all.tags("A").length>0)
  {
   obj.cells(1).all.tags("A")(0).click();
  }

 }
}


//---------- returnIndex(str)--------------//

function returnIndex(str)
{
 return (str.split("_").length-3)
}


//---------ShowTheMenu(obj,num)-----------------//

function ShowTheMenu(obj,num)
{
 var topobj = eval(obj.substring(0,obj.length-2));
 
 var trobj  = eval("tr"+obj);
 
 var obj = eval(obj);
 
 if(num==0)
 {
  with(obj.style)
  {
   pixelLeft = topobj.style.pixelLeft +topobj.offsetWidth;
   pixelTop  = topobj.style.pixelTop + trobj.offsetTop;
  }
 }
 if(num==1)
 {
  with(obj.style)
  {
   pixelLeft = topobj.style.pixelLeft + topobj.offsetWidth;
   pixelTop  = topobj.style.pixelTop  + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;
  }
 }
 if(num==2)
 {
  with(obj.style)
  {
   pixelLeft = topobj.style.pixelLeft -  obj.offsetWidth;
   pixelTop  = topobj.style.pixelTop + trobj.offsetTop;
  }
 }
 if(num==3)
 {
  with(obj.style)
  {
   pixelLeft = topobj.style.pixelLeft -  obj.offsetWidth;
   pixelTop  = topobj.style.pixelTop  + trobj.offsetTop + trobj.offsetHeight - obj.offsetHeight;
  }
 }
 
 obj.style.visibility  = "visible"; 
 
 if(obj.alphaing)
 {
  clearInterval(obj.alphaing);
 }
 
 obj.alphaing = setInterval("menu_alpha_up("+obj.id+","+alphaStep+")",menuSpeed);
}

//----------HideMenu(num)-------------------//

/*----------------------
var SubMenuList = new Array();

var NowSubMenu = "";

---------------------*/

function HideMenu(num)
{
 var thenowMenu = "";
 
 var obj = null;
 
 if(num==1)
 {
  thenowMenu = NowSubMenu
 }
 
 
 
 for(i=SubMenuList.length-1;i>=0;i--)
 {
  if(SubMenuList[i]&&SubMenuList[i]!=thenowMenu)
  {
  
   obj = eval(SubMenuList[i]);
  
   if(obj.alphaing)
   {
    clearInterval(obj.alphaing);
   }

   obj.alphaing = setInterval("menu_alpha_down("+obj.id+","+alphaStep+")",menuSpeed);
  
   obj.style.visibility = "hidden"; 
  
   eval("tr"+SubMenuList[i]).className = "menutrout";
     
   SubMenuList[i] = null;
  }
  else
  {
   if(SubMenuList[i]==thenowMenu)
   {
    return;
   }
  }
 }
 
 NowSubMenu = "";
}

 


//-----------MainMenuPosition return()------------//

function MMPreturn()
{
 var obj = eval(JustMenuID);
 
 var x = event.clientX;

 var y = event.clientY;
 
 var judgerX = x + obj.offsetWidth;
 var judgerY = y + obj.offsetHeight;

 var px = 0;
 var py = 0;
 
 if(judgerX>document.body.clientWidth)
 {
  px = 2;
 }
 if(judgerY>document.body.clientHeight)
 {
  py = 1;
 }
 
 return (px+py);
}

//-----------MenuPosition return(obj)--------------//

function MPreturn(obj)
{
 var topobj = eval(obj.substring(0,obj.length-2));
 
 var trobj  = eval("tr"+obj);
 
 var x = topobj.style.pixelLeft + topobj.offsetWidth;
 var y = topobj.style.pixelTop  + trobj.offsetTop;

 obj = eval(obj);
 
 var judgerY =  obj.offsetHeight + y;
 var judgerX =  obj.offsetWidth  + x;
 
 var py = 0;
 var px = 0;
 
 if(judgerY>=document.body.clientHeight)
 {
  py = 1;
 }
 
 if(judgerX>= document.body.clientWidth)
 {
  px = 2;
 }
  
 return (px+py);
}

//-----------mouseWave()-------------//

function mouseWave()
{
 if(mouseCanSound)
 {
  theBS.src= "upfiles/sound.wav";
 }
}

//----------- menu_alpha_down -------//

function menu_alpha_down(obj,num)
{
  var obj = eval(obj);
 
  if(obj.filters.Alpha.Opacity > 0 )
  {
   obj.filters.Alpha.Opacity += -num;
  }
  else
  {
   clearInterval(obj.alphaing);
   obj.filters.Alpha.Opacity = 0;
   obj.alphaing = false;  
   obj.style.visibility = "hidden";
  }
}


//------------ menu_alpha_up --------//

function menu_alpha_up(obj,num)
{
  var obj = eval(obj);
 
  if(obj.filters.Alpha.Opacity<100)
   obj.filters.Alpha.Opacity += num;
  else
  {
   clearInterval(obj.alphaing);
   obj.filters.Alpha.Opacity = 100;
   obj.alphaing = false;
  }
}


//----------- IE ContextMenu -----------------//

function document.oncontextmenu()
{
 return false;
}


//----------- IE Mouseup ----------------//

function document.onmouseup()
{
 if(event.button==2)
 {
 
  HideMenu(0);
 

  var obj = eval(JustMenuID)
 
 
   obj.style.visibility = "hidden";
  
  
   if(obj.alphaing)
   {
    clearInterval(obj.alphaing);
   }
  
   obj.filters.Alpha.Opacity = 0;
  
   var judger = MMPreturn()
  
   if(judger==0)
   {
    with(obj.style)
    {
     pixelLeft = event.clientX + document.body.scrollLeft;
     pixelTop  = event.clientY + document.body.scrollTop;
    }
   }
   if(judger==1)
   {
    with(obj.style)
    {
     pixelLeft = event.clientX + document.body.scrollLeft;
     pixelTop  = event.clientY - obj.offsetHeight + document.body.scrollTop;
    }
   }
   if(judger==2)
   {
    with(obj.style)
    {
     pixelLeft = event.clientX - obj.offsetWidth + document.body.scrollLeft;
     pixelTop  = event.clientY + document.body.scrollTop;
    }
   }
   if(judger==3)
   {
    with(obj.style)
    {
     pixelLeft = event.clientX - obj.offsetWidth + document.body.scrollLeft;
     pixelTop  = event.clientY - obj.offsetHeight + document.body.scrollTop;
    }
   }
  
   mouseWave();
     
   obj.style.visibility = "visible";
  
   obj.alphaing = setInterval("menu_alpha_up("+obj.id+","+alphaStep+")",menuSpeed);

 
 
 }
}

//---------- IE MouseDown --------------//

function document.onmousedown()
{
 if(event.button==1)
 {
  HideMenu();
 
  var obj = eval(JustMenuID)
 
  if(obj.alphaing)
  {
   clearInterval(obj.alphaing);
  }
 
  obj.alphaing = setInterval("menu_alpha_down("+obj.id+","+alphaStep+")",menuSpeed);
 
 }
}
//----->


 var one = new MouseMenu("one");
 
 one.addMenu("菜单一",1,"javascript:alert('I am menu');","_self","I am title");
  one[0].addLink("连接一",2,"javascript:alert('I am link')")
  one[0].addHR()
  one[0].addLink("连接二","","javascript:alert('I am link')") 
  one[0].addMenu("菜单三");
   one[0][one[0].length-1].addLink("连接一",1,"javascript:;")
  one[0].addLink("连接三","","javascript:alert('I am link')")
  one[0].addLink("连接四","","javascript:alert('I am link')")
 one.addLink("连接二","","javascript:alert('I am link')")
 one.addMenu("菜单二",3);
  one[2].addLink("连接一","","javascript:alert('I am link')")
 one.addHR();
 one.addLink("连接三，多长都可以",4,"javascript:alert('I am link')")
 one.addHR();
 one.addLink("网页天使收集",4,"javascript:alert('为你献上最好的javascript脚本')")
 

</script>
</body>
</html>

返回列表

上一篇：日历加时钟效果代码

下一篇：防FLASH图片展示效果

发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

相关文章

2021年优度成功签约并完成泰坦凝胶官网

2021年优度成功签约并完成泰坦凝胶官网

此网站采用标准网站建设方案，PC+移动自动转换模式，网站产品为一款火爆的微商产品，也是一款男性用品。...

备案与没备案的新网站老域名为什么百度都不收录？

备案与没备案的新网站老域名为什么百度都不收录？

现在互联网越来越难做，百度的门槛越来越高，以前新网站上线提交后3天就会收录，现在新网站上线每天提交还不一定会收录，必须结合外链才有效。...

做好“着陆页”，公司销售业绩将提升一大步

做好“着陆页”，公司销售业绩将提升一大步

当今，一个能在用户寻找“返回”按钮之前抓住用户眼球的着陆页比以往任何时候都更有商业价值。值得庆幸的是，一个好的着陆页面的设计过程比以往更加容易把握，诀窍在于弄清楚实现这个非常重要的切入点所需的核心要素...

什么是关键词？

什么是关键词？

关键词就是你向搜索引擎发出的一个指令，是让搜索引擎帮助你查找相关信息的命令，它可以是一个字，也可以是一个词、一句话、一个英字母、英文单词、一个数字、一个符号等任何可以在搜索框中输入的信息。...

什么样的网站才是一个合格的SEO网站？

什么样的网站才是一个合格的SEO网站？

在讲网站之前还是来介绍一下什么是网站，因为这里的学员还有很多SEO初学者，网站就好比是我们在某个商场、某个小区开的一个店铺，你做生意肯定是有一个店铺的对吧，那么网站就是一个互联网上的店铺，是一个虚拟的...

网站建设服务
标准型网站
营销型网站
商城网站建设
手机微网站建设
分销网站建设
小程序网站建设
营销与托管
网站优化托管
微信公众平台托管
竞价推广托管
网络营销培训
典型案例
标准型网站
营销型网站
手机网站
电商网站
分销网站
小程序网站
营销百科
建站常识
快速排名
移动互联网
新媒体运营
新闻资讯
公司新闻
排名资讯
最新签约
通知公告
优化日志
关于我们
联系我们
增值服务
关注我们

优度微信公众号
  • 长沙
    17773180270

    湖南省长沙市岳麓区车塘河路90号（公园尚8栋8楼）

  • 湘潭
    0731-55587844

    湖南省湘潭市岳塘区霞光中路58号（维也纳酒店6楼）

  • 株洲
    13627328787

    株洲市天元区黑龙江路天盈公寓4楼

Copyright © 2003- 优度科技, All Rights Reserved   湘公网安备 44010402000311号  长沙网站建设 长沙网络建站 长沙网站制作 长沙网络公司 湘ICP备16004006号-3