|
| |
Сообщение: 50
Откуда: Юкрайна, Антрацит
Репутация:
0
|
|
Отправлено: 30.04.09 15:46. Заголовок: Продвинутая система меню
Код: <HTML> <HEAD> <TITLE></TITLE> <STYLE> BODY, DIV, TD, LAYER { font-size:10pt; font-family:arial; } A:link, A:visited { color:#0000FF; text-decoration:none; } A:hover, A:active { color:#0000FF; text-decoration:none; } </STYLE> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- No3 = (parseInt(navigator.appVersion) > 3) ? 1:0; layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0; var timer; function Show() { if(layer) { if(timer) clearTimeout(timer); for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } } for(i=0; i<arguments.length; i++) { menu=arguments; eval(layer).visibility = "visible"; } } } function Hide() { timer = setTimeout("Show()", 500); } //--> </SCRIPT> </HEAD> <BODY BGCOLOR="#FFFFFF"> <BR> <SPAN ID="menubar" STYLE="position:relative; visibility:hidden;"> <TABLE WIDTH=200 BGCOLOR="#BBBBBB" BORDER=0 CELLPADDING=3 CELLSPACING=0><TR> <TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(1)" onMouseOut="Hide(1)">Drop1</A></TD> <TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(2)" onMouseOut="Hide(2)">Drop2</A></TD> <TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(3)" onMouseOut="Hide(3)">Drop3</A></TD> </TR></TABLE> </SPAN> <SCRIPT LANGUAGE="JavaScript"> <!-- ////////////////////////////////////////////////////// hovercolor = "#BBBBBB"; // color name/code bgcolor = "#DDDDDD"; // color name/code background = ""; // picture url menu_border = 1; // IE only border_color = "#000000"; // IE only arrow_pic = "script740849_0_2.gif"; // url of arrow picture for submenus ////////////////////////////////////////////////////// if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } } function LayerSpecs(Left,Top,Width) { if(No3) { if(document.all) { Top+=7; Left+=2; Width-=6; } this.left = Left; this.top = Top; this.info = ""; T=0; for(i=3; i<arguments.length; i++) { if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments+"</TD></TR>"; } else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+"> "+arguments+"</LAYER>"; } T+=20; } } } Layer = new Array(); arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>"; ////////////////////////////////////////////// /* Create Your layers below by typing: Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas) If a layer has a sublayer, add onMouseOver="Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas) */ Layer[1] = new LayerSpecs(8,47,110, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">Layer 1</A> '+arrow, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ' ); Layer[2] = new LayerSpecs(74,47,110, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(6,2)">Layer 2</A> '+arrow, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(2)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(7,2)">softomania.ho.ua</A> '+arrow, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(8,2)">softomania.ho.ua</A> '+arrow, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(2)">softomania.ho.ua</A> ' ); Layer[3] = new LayerSpecs(141,47,110, '<A HREF="http://softomania.ho.ua">Layer 3</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ' ); Layer[4] = new LayerSpecs(119,47,110, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">Layer 4</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua" onMouseOver="Show(5,4,1)">softomania.ho.ua</A> '+arrow, '<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> ' ); Layer[5] = new LayerSpecs(230,47,110, '<A HREF="http://softomania.ho.ua">Layer 5</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ' ); Layer[6] = new LayerSpecs(185,47,110, '<A HREF="http://softomania.ho.ua">Layer 6</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ' ); Layer[7] = new LayerSpecs(185,47,110, '<A HREF="http://softomania.ho.ua">Layer 7</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ' ); Layer[8] = new LayerSpecs(185,47,110, '<A HREF="http://softomania.ho.ua">Layer 8</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ', '<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ' ); //////////////////////////////////////////////////////////////// j = (Layer[0]) ? 0:1; for(i=j; i<Layer.length; i++) { if(document.all && No3) { document.write("<SPAN onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer.top+"; left:"+Layer.left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer.info+"</TABLE></SPAN>"); } else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer.top+" LEFT="+Layer.left+">"+Layer.info+"</LAYER>"); } } if(document.all) { document.all["menubar"].style.visibility = "visible"; } else if(document.layers) { document.layers["menubar"].visibility = "visible"; } // --> </SCRIPT> <BR><BR><BR> <H2><FONT FACE="Arial">Advanced Menu System</FONT></H2> <UL> <LI>Create Endless Menus and Submenus <LI>Works in both IE 5 and Netscape 5 <LI>Link to generic page for older browsers <LI>Customizable hovercolor, background color, background image <LI>Customizable menu border and border color in IE 5 </UL> </BODY> </HTML>
|