|
Blue Forest http://www.lslnet.com at 6:28 p.m. on August 22, 2006
 []js Do multi-level menu-sharing discussions, we find illnesses (finally made whole.)
There illnesses small, we pick up the room and look, I'll find Huitie to talk about my problems.
[html]
"Html>
"Head are
"Style>
. MenuClass {font-size:12px;color:#ff0000;height:20px;width:100;overflow:hidden; align:left;word-break:break-all;}
"/style>
"Script language=" Javascript ""
Var activeMenuID, rootMenuID;
RootMenuID= "M_1";
ActiveMenuID=rootMenuID;
Function showMenu (id)
{
Var menuID;
MenuID=String (id). Replace (/^OP_/ "M -");
If (activeMenuID!=menuID&&document.all.item (menuID). Style.visibility!= "visible")
{
Document.all.item (menuID). Style.pixelLeft=document.all.item (document.all.item (id). MenuID). Style.pixelLeft+document.all.item (document.all.item (id). MenuID). OffsetWidth-2 ;
Document.all.item (menuID). Style.pixelTop=document.all.item (id). OffsetTop+document.all.item (document.all.item (id). MenuID). Style.pixelTop ;
Document.all.item (menuID). Style.visibility= "visible";
ActiveMenuID=menuID;
Window.status=document.all.item (document.all.item (id). MenuID). OffsetWidth;
}
}
Function menuClick (id)
{
Alert (id);
}
Function hideMenu (menuID)
{
//alert (MenuID+ "is hided");
Var parentMenuOptionID;
ParentMenuOptionID=String (menuID). Replace (/^M_/ "OP_");
Document.all.item (menuID). Style.visibility= "hidden";
Document.all.item (menuID). Style.pixelLeft=0;
Document.all.item (menuID). Style.pixelTop=0;
Document.all.item (parentMenuOptionID). Style.borderStyle= 'none';
Document.all.item (parentMenuOptionID). Style.backgroundColor= '#f7f7f7';
ActiveMenuID=document.all.item (parentMenuOptionID). MenuID;
//window.status=activeMenuID;
}
Function resetMenu (menuOptionID)
{
Var tempMenuID, tempOptionID;
If (document.all.item (menuOptionID). MenuID==activeMenuID)
{
Return;
}
For (tempMenuID=activeMenuID;tempMenuID!=rootMenuID;)
{
TempOptionID=String (tempMenuID). Replace (/^M_/ "OP_");
If (menuOptionID==tempOptionID)
{
Return;
}
Else
{
TempMenuID=document.all.item (tempOptionID). MenuID;
}
}
For (;activeMenuID!=rootMenuID;)
{
If (document.all.item (menuOptionID). MenuID==activeMenuID)
{
Return;
}
Else
{
HideMenu (activeMenuID);
}
}
}
"/script>
"/head>
"Body onclick=" resetMenu ( 'OP_1'), ""
"Assume filled="f"" RR "Historic Significance of the Transitional Budget" left:0px;top:0px;position:absolute; z-index:1; border : 1px solid #666666;visibility : hidden; background-color:#f7f7f7; ""
"Assume Historic Significance of the Transitional Budget" margin:5px ""
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_1 "menuID=" RR "onmouseover=" resetMenu (this.id); showMenu (this.id) ;this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default'; "Historic Significance of the Transitional Budget" border : 1px none #666666; background-color:#f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" level 11 "></td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"/div>
"/div>
"Assume filled="f"" M_1 "Historic Significance of the Transitional Budget" left:0px;top:0px;position:absolute; z-index:1; border : 1px solid #666666;visibility : visible; background-color:#f7f7f7; ""
"Assume Historic Significance of the Transitional Budget" margin:5px ""
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_11 "menuID=" M_1 "onmousedown=" return false; "onmouseover=" resetMenu (this.id) ;showMenu (this.id) ;this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default'; "Historic Significance of the Transitional Budget" border : 1px none #666666; background-color:#f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" level 11 "></td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_33 "menuID=" M_1 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" level 33</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_44 "menuID=" M_1 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" level 44</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"/div>
"/div>
"Assume filled="f"" M_11 "Historic Significance of the Transitional Budget" left:0px;top:0px;position:absolute; z-index:1; border : 1px solid #666666;visibility : hidden; background-color:#f7f7f7; ""
"Assume Historic Significance of the Transitional Budget" margin:5px ""
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_111 "menuID=" M_11 "onmouseover=" resetMenu (this.id); showMenu (this.id) ;this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default'; "Historic Significance of the Transitional Budget" border : 1px none #666666; background-color:#f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" 111 2 "></td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_112 "menuID=" M_11 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" 112 2 "=
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_113 "menuID=" M_11 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" secondary 113</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_114 "menuID=" M_11 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" secondary 114</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"/div>
"/div>
"Assume filled="f"" M_111 "Historic Significance of the Transitional Budget" left:0px;top:0px;position:absolute; z-index:1; border : 1px solid #666666;visibility : hidden; background-color:#f7f7f7; ""
"Assume Historic Significance of the Transitional Budget" margin:5px ""
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_1111 "menuID=" M_111 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "=" 3 1111 "
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_1112 "menuID=" M_111 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "=" 3 1112 "
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_1113 "menuID=" M_111 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" 3 1113</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"Table to save the" center "cellpadding=" 10 "cellspacing" 0 "filled="f"" OP_1114 "menuID=" M_111 "onmouseover=" resetMenu (this.id); this.style.cursor= 'hand' ;this.style.borderStyle= 'solid'; this.style.backgroundColor= '#eeeeee' "onmouseout=" this.style.cursor= 'default' ;this.style.borderStyle= 'none'; this.style.backgroundColor= '#f7f7f7' "onclick=" menuClick (this.id); "Historic Significance of the Transitional Budget" border : 1px none #666666;background-color : #f7f7f7; "formal" menuClass ""
"Tr>
"Td save the" center "and" 3 1114</td>
"Per
"ShapeID="_x0000_i1025" DrawAspect="Content" ObjectID="_1127825915"> </o:OLEObject>
"/div>
"/div>
"/body>
"/html>
[/html] |
In each loop plus a onMouseOut, hidden in the loop.
However, the deep-level menu to loop the loop inside on the next level. |
Earth in a message said :
--------------------------------------------------
Instead, the menu for your tree (resource management-type), but less suitable for this (let us call it) "start menu" because each level of the menu and can not simply disappear on a onMouseOut to control! You are now opening the "start" menu examine know :) |
| After leaving the mouse menu can hide, there is the word mouse is entered after the mobile. Should be defined to control a pattern |
I was modeled on the "start menu" so, the brothers see above "start menu" After removing the mouse are not required to know the hidden menu immediately. As for the text moves, the animation is pretty good, I would be like, and feel the illnesses.
－－－－－－－－－－－－－－－－－－
The illnesses were found waiting for a more attentive. . . . . . . . . . . . . . . . . |
This is a minor problem : When I click on "non-leaf node" menu will disappear, it is because "the label body> onclick () event, although to be" I Foshan, "the crowning touch, the problem has been solved, we can tie after facie changed their codes try ^_^ :) :) :) : ) Here Thank you, "I Foshan" help, because the menu is very rapid effect, and therefore to bring feeling!
[color=#0000ff]http://bbs.blueidea.com/viewthread.php?tid=1074129[/color] |
|
