js 鼠标右键菜单
< HTML >
< HEAD >
< TITLE > Web表格生成器 </ TITLE >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< BODY oncontextmenu =window.event.returnValue=false bgcolor ="#ffffff" >
< style type ="text/css" >
<!--
body { font-size : 9pt ; }
table { font-size : 9pt ; cursor : default ; margin : 0 ; }
tr { height : 20 ; }
tr.over { font-size : 9pt ; color : #ffffff ; background-color : #000080 ; cursor : default ; }
tr.out { font-size : 9pt ; color : #000000 ; background-color : #D4D0C8 ; cursor : default ; }
div.rm_div { position : absolute ; filter : Alpha(Opacity='95') ; display : none ; background-color : #D4D0C8 ; border : 2px outset #FFFFFF ; width : 0 ; height : 0 ; padding : 1 }
hr.sperator { width : 95% ; border : 1px inset #FFFFFF ; }
-->
</ style >
< script language ="javascript" >
<!--
function RightMenu()
{
this .AddExtendMenu = AddExtendMenu;
this .AddItem = AddItem;
this .GetMenu = GetMenu;
this .HideAll = HideAll;
this .I_OnMouseOver = I_OnMouseOver;
this .I_OnMouseOut = I_OnMouseOut;
this .I_OnMouseUp = I_OnMouseUp;
this .P_OnMouseOver = P_OnMouseOver;
this .P_OnMouseOut = P_OnMouseOut;
A_rbpm = new Array();
HTMLstr = "" ;
HTMLstr += " <!-- RightButton PopMenu -->\n " ;
HTMLstr += " \n " ;
HTMLstr += " <!-- PopMenu Starts -->\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 += " <!-- Insert A Extend Menu or Item On Here For E_rbpm -->\n " ;
HTMLstr += " </table>\n " ;
HTMLstr += " </div>\n " ;
HTMLstr += " <!-- Insert A Extend_Menu Area on Here For E_rbpm --> " ;
HTMLstr += " \n " ;
HTMLstr += " <!-- PopMenu Ends -->\n " ;
}
function AddExtendMenu(id,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 += " <!-- Insert A Extend Menu or Item On Here For E_ " + id + " --> " ;
TempStr += " </table>\n " ;
TempStr += " </div>\n " ;
TempStr += " <!-- Insert A Extend_Menu Area on Here For E_ " + id + " --> " ;
TempStr += " <!-- Insert A Extend_Menu Area on Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend_Menu Area on Here For E_ " + parent + " --> " ,TempStr);
eval( " A_ " + id + " = new Array() " );
TempStr = "" ;
TempStr += " <!-- Extend Item : P_ " + id + " -->\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 += " " + name + " </td><td style='font-family: webdings; text-align: ;'>4 " ;
TempStr += " </td></tr>\n " ;
TempStr += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,TempStr);
}
function AddItem(id,name,parent,location)
{
var TempStr = "" ;
var ItemStr = " <!-- ITEM : I_ " + id + " --> " ;
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 += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,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 += " " + name + " " ;
TempStr += " </td><td></td></tr>\n " ;
TempStr += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,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;
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 == 0 )
{
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();}
-->
</ script >
< script language ="JavaScript" >
<!--
var menu = new RightMenu();
menu.AddExtendMenu( " d_setting " , " 增加 " , " rbpm " );
menu.AddItem( " Do_author " , " 增加行 " , " d_setting " , "" );
menu.AddItem( " ca_yesky2 " , " 增加列 " , " d_setting " , " http://www.cctv.com " );
menu.AddExtendMenu( " range_icon " , " 删除 " , " rbpm " );
menu.AddItem( " setico1 " , " 删除行 " , " range_icon " , null );
menu.AddItem( " setico2 " , " 删除列 " , " range_icon " , null );
menu.AddExtendMenu( " t_icon " , " 合并 " , " rbpm " );
menu.AddItem( " t_icon1 " , " 合并行 " , " t_icon " , null );
menu.AddItem( " t_icon2 " , " 合并列 " , " t_icon " , null );
menu.AddItem( " refresh " , " 刷新 " , " rbpm " , null );
menu.AddItem( " sperator " , "" , " rbpm " , null );
menu.AddItem( " phase " , " <font disabled>粘贴</font> CTRL+Z " , " rbpm " , null );
menu.AddItem( " folder_pro " , " 属性 " , " rbpm " , null );
document.writeln(menu.GetMenu());
-->
</ script >
< table id ="dataTable" border ="0" cellspacing ="1" cellpadding ="1" bgcolor ="#000000" align ="center" >
< tr >
< td bgcolor ="#F0F0F0" width ="" height ="21" align ="center" > </ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="01" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
</ tr >
< tr >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="10" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="11" style ='text-align:right;border:none;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
</ tr >
</ table >
</ BODY >
</ HTML >
< HEAD >
< TITLE > Web表格生成器 </ TITLE >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< BODY oncontextmenu =window.event.returnValue=false bgcolor ="#ffffff" >
< style type ="text/css" >
<!--
body { font-size : 9pt ; }
table { font-size : 9pt ; cursor : default ; margin : 0 ; }
tr { height : 20 ; }
tr.over { font-size : 9pt ; color : #ffffff ; background-color : #000080 ; cursor : default ; }
tr.out { font-size : 9pt ; color : #000000 ; background-color : #D4D0C8 ; cursor : default ; }
div.rm_div { position : absolute ; filter : Alpha(Opacity='95') ; display : none ; background-color : #D4D0C8 ; border : 2px outset #FFFFFF ; width : 0 ; height : 0 ; padding : 1 }
hr.sperator { width : 95% ; border : 1px inset #FFFFFF ; }
-->
</ style >
< script language ="javascript" >
<!--
function RightMenu()
{
this .AddExtendMenu = AddExtendMenu;
this .AddItem = AddItem;
this .GetMenu = GetMenu;
this .HideAll = HideAll;
this .I_OnMouseOver = I_OnMouseOver;
this .I_OnMouseOut = I_OnMouseOut;
this .I_OnMouseUp = I_OnMouseUp;
this .P_OnMouseOver = P_OnMouseOver;
this .P_OnMouseOut = P_OnMouseOut;
A_rbpm = new Array();
HTMLstr = "" ;
HTMLstr += " <!-- RightButton PopMenu -->\n " ;
HTMLstr += " \n " ;
HTMLstr += " <!-- PopMenu Starts -->\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 += " <!-- Insert A Extend Menu or Item On Here For E_rbpm -->\n " ;
HTMLstr += " </table>\n " ;
HTMLstr += " </div>\n " ;
HTMLstr += " <!-- Insert A Extend_Menu Area on Here For E_rbpm --> " ;
HTMLstr += " \n " ;
HTMLstr += " <!-- PopMenu Ends -->\n " ;
}
function AddExtendMenu(id,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 += " <!-- Insert A Extend Menu or Item On Here For E_ " + id + " --> " ;
TempStr += " </table>\n " ;
TempStr += " </div>\n " ;
TempStr += " <!-- Insert A Extend_Menu Area on Here For E_ " + id + " --> " ;
TempStr += " <!-- Insert A Extend_Menu Area on Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend_Menu Area on Here For E_ " + parent + " --> " ,TempStr);
eval( " A_ " + id + " = new Array() " );
TempStr = "" ;
TempStr += " <!-- Extend Item : P_ " + id + " -->\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 += " " + name + " </td><td style='font-family: webdings; text-align: ;'>4 " ;
TempStr += " </td></tr>\n " ;
TempStr += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,TempStr);
}
function AddItem(id,name,parent,location)
{
var TempStr = "" ;
var ItemStr = " <!-- ITEM : I_ " + id + " --> " ;
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 += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,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 += " " + name + " " ;
TempStr += " </td><td></td></tr>\n " ;
TempStr += " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ;
HTMLstr = HTMLstr.replace( " <!-- Insert A Extend Menu or Item On Here For E_ " + parent + " --> " ,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;
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 == 0 )
{
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();}
-->
</ script >
< script language ="JavaScript" >
<!--
var menu = new RightMenu();
menu.AddExtendMenu( " d_setting " , " 增加 " , " rbpm " );
menu.AddItem( " Do_author " , " 增加行 " , " d_setting " , "" );
menu.AddItem( " ca_yesky2 " , " 增加列 " , " d_setting " , " http://www.cctv.com " );
menu.AddExtendMenu( " range_icon " , " 删除 " , " rbpm " );
menu.AddItem( " setico1 " , " 删除行 " , " range_icon " , null );
menu.AddItem( " setico2 " , " 删除列 " , " range_icon " , null );
menu.AddExtendMenu( " t_icon " , " 合并 " , " rbpm " );
menu.AddItem( " t_icon1 " , " 合并行 " , " t_icon " , null );
menu.AddItem( " t_icon2 " , " 合并列 " , " t_icon " , null );
menu.AddItem( " refresh " , " 刷新 " , " rbpm " , null );
menu.AddItem( " sperator " , "" , " rbpm " , null );
menu.AddItem( " phase " , " <font disabled>粘贴</font> CTRL+Z " , " rbpm " , null );
menu.AddItem( " folder_pro " , " 属性 " , " rbpm " , null );
document.writeln(menu.GetMenu());
-->
</ script >
< table id ="dataTable" border ="0" cellspacing ="1" cellpadding ="1" bgcolor ="#000000" align ="center" >
< tr >
< td bgcolor ="#F0F0F0" width ="" height ="21" align ="center" > </ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="01" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
</ tr >
< tr >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="10" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="11" style ='text-align:right;border:none;'size='8' oncontextmenu = "OnMouseUp();" ></ td >
</ tr >
</ table >
</ BODY >
</ HTML >
<% @ page contentType = " text/html; charset=GBK " pageEncoding = " GBK " %>
< HTML >< HEAD >< TITLE > mouse-menu </ TITLE >
< META content ="text/html; charset=gb2312" http-equiv =Content-Type >
< META content ="MSHTML 5.00.2614.3500" name =GENERATOR >
< META content =FrontPage.Editor.Document name =ProgId >
< STYLE > .menutable {
BACKGROUND-COLOR : #ffffff ; BORDER-BOTTOM : #307ce8 1px solid ; BORDER-LEFT : #307ce8 5px solid ; BORDER-RIGHT : #307ce8 1px solid ; BORDER-TOP : #94bcf3 1px solid ; FONT-SIZE : 12px ; POSITION : absolute ; Z-INDEX : 100
}
.menutrin {
BACKGROUND-COLOR : #1a71e6 ; COLOR : #ffffff ; CURSOR : hand
}
.menutrout {
COLOR : #000000 ; CURSOR : hand
}
.menutd0 {
HEIGHT : 25px ; TEXT-ALIGN : center ; WIDTH : 28px ; 改变这个修改菜单高度---> :
}
.menutd1 {
FONT-FAMILY : Webdings ; TEXT-ALIGN : right ; WIDTH : 46px
}
.linktd1 {
WIDTH : 46px
}
.menutd2 {
WIDTH : 4px
}
.menuhr {
BORDER-BOTTOM : #307ce8 1px inset ; BORDER-LEFT : #307ce8 1px inset ; BORDER-RIGHT : #307ce8 1px inset ; BORDER-TOP : #307ce8 1px inset
}
</ STYLE >
< BGSOUND id =theBS loop =0 src ="" ></ HEAD >
< BODY bgColor =#eaf5fd style ="FONT-SIZE: 10pt" >
< 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 = " images/icon_host.gif " ;
IconList[ 2 ] = new Image();
IconList[ 2 ].src = " images/icon_ip.gif " ;
IconList[ 3 ] = new Image();
IconList[ 3 ].src = " images/icon_mailbody.gif " ;
IconList[ 4 ] = new Image();
IconList[ 4 ].src = " images/icon_mailer.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 = " sound/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 down()
{
if (event.button == 0 )
{
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);
}
}
// ----->
</ SCRIPT >
< SCRIPT >
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') " );
</ SCRIPT >
< table id ="dataTable" border ="0" cellspacing ="1" cellpadding ="1" bgcolor ="#000000" align ="center" >
< tr >
< td bgcolor ="#F0F0F0" width ="" height ="21" align ="center" > </ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="01" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "down();" ></ td >
</ tr >
< tr >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="10" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "down();" ></ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="11" style ='text-align:right;border:none;'size='8' oncontextmenu = "down();" ></ td >
</ tr >
</ table >
</ BODY ></ HTML >
< HTML >< HEAD >< TITLE > mouse-menu </ TITLE >
< META content ="text/html; charset=gb2312" http-equiv =Content-Type >
< META content ="MSHTML 5.00.2614.3500" name =GENERATOR >
< META content =FrontPage.Editor.Document name =ProgId >
< STYLE > .menutable {
BACKGROUND-COLOR : #ffffff ; BORDER-BOTTOM : #307ce8 1px solid ; BORDER-LEFT : #307ce8 5px solid ; BORDER-RIGHT : #307ce8 1px solid ; BORDER-TOP : #94bcf3 1px solid ; FONT-SIZE : 12px ; POSITION : absolute ; Z-INDEX : 100
}
.menutrin {
BACKGROUND-COLOR : #1a71e6 ; COLOR : #ffffff ; CURSOR : hand
}
.menutrout {
COLOR : #000000 ; CURSOR : hand
}
.menutd0 {
HEIGHT : 25px ; TEXT-ALIGN : center ; WIDTH : 28px ; 改变这个修改菜单高度---> :
}
.menutd1 {
FONT-FAMILY : Webdings ; TEXT-ALIGN : right ; WIDTH : 46px
}
.linktd1 {
WIDTH : 46px
}
.menutd2 {
WIDTH : 4px
}
.menuhr {
BORDER-BOTTOM : #307ce8 1px inset ; BORDER-LEFT : #307ce8 1px inset ; BORDER-RIGHT : #307ce8 1px inset ; BORDER-TOP : #307ce8 1px inset
}
</ STYLE >
< BGSOUND id =theBS loop =0 src ="" ></ HEAD >
< BODY bgColor =#eaf5fd style ="FONT-SIZE: 10pt" >
< 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 = " images/icon_host.gif " ;
IconList[ 2 ] = new Image();
IconList[ 2 ].src = " images/icon_ip.gif " ;
IconList[ 3 ] = new Image();
IconList[ 3 ].src = " images/icon_mailbody.gif " ;
IconList[ 4 ] = new Image();
IconList[ 4 ].src = " images/icon_mailer.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 = " sound/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 down()
{
if (event.button == 0 )
{
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);
}
}
// ----->
</ SCRIPT >
< SCRIPT >
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') " );
</ SCRIPT >
< table id ="dataTable" border ="0" cellspacing ="1" cellpadding ="1" bgcolor ="#000000" align ="center" >
< tr >
< td bgcolor ="#F0F0F0" width ="" height ="21" align ="center" > </ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="01" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "down();" ></ td >
</ tr >
< tr >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="10" style ='text-align:center;border:none;background-color:#f0f0f0;'size='8' oncontextmenu = "down();" ></ td >
< td bgcolor ="#ffffff" width ="" height ="21" >< input type ="text" value ="11" style ='text-align:right;border:none;'size='8' oncontextmenu = "down();" ></ td >
</ tr >
</ table >
</ BODY ></ HTML >