
<html>
<head>
	<title>Web-SgS</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >

<style type="text/css">
<!--

A:visited { text-decoration: none; font-weight:bold; color:darkviolet;}
A:link { text-decoration: none; font-weight:bold; color:darkviolet;}
A:hover { text-decoration: underline & overline; font-weight:bold; color:lime;}
A:active { text-decoration: none; font-weight:bold; color:red;}
TD {FONT-WEIGHT: bolder}
#divCircle {POSITION: absolute}

--> 
</style>


<STYLE type=text/css>#hintbox {
	BORDER-RIGHT: red 3px solid; PADDING-RIGHT: 3px; BORDER-TOP: black 1px solid; PADDING-LEFT: 3px; Z-INDEX: 100; VISIBILITY: hidden; PADDING-BOTTOM: 3px; FONT: 11px/18px Verdana; BORDER-LEFT: black 1px solid; WIDTH: 150px; PADDING-TOP: 3px; BORDER-BOTTOM: red 3px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: lightyellow
}
.hintanchor {
	FONT-WEIGHT: bold; COLOR: navy
}
</STYLE>


<SCRIPT type=text/javascript>

/***********************************************
* Show Hint script- © 
* This notice MUST stay intact for legal use
* Visit http://www./ for this script and 100s more.
***********************************************/

window.onerror=function(){
return true
}
		
var horizontal_offset="9px" //horizontal offset of hint box from anchor link

/////No further editting needed

var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox

</SCRIPT>


<style>
.menu
{
position: absolute;
z-index: 1;
padding:5;
border-width: 1;
border-style: ridge;
background-color: blue;
color: white;
}
</style>
<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=6;
var delay=20;
function do_menu(menu)
{
        for(i=0; i<maxmenus; i++)
        {
                if(menu!=i && mpos[i]>-122)
                {
                        mdir[i]=-4;
                        if(mpos[i]>=30)
                                move_menu(i);
                }
        }
        mdir[menu]=-mdir[menu];
        if(mpos[menu]<=-122 || mpos[menu]>=30)
                move_menu(menu);
}
function move_menu(menu)
{
        mpos[menu]+=mdir[menu];
        if(document.layers)
                document.layers["menu"+menu].top=mpos[menu];
        else
                document.all["menu"+menu].style.top=mpos[menu];
        if(mpos[menu]>-122 && mpos[menu]<30)
                setTimeout("move_menu("+menu+")", delay);
}
function init()
{
        for(i=0; i<maxmenus; i++)
        {
                mpos[i]=-122;
                mdir[i]=-4;
        }
}
</script>

</head>


<body background="../gif/fon.gif" bgcolor="#242424" text="brown" link="#00FF00" vlink="#0000ff" onmousemove="Starten(event);"  onload="init()"
topmargin="5" >
<center>
<p align="center"><table style="position:absolute; top:3%; left:5%;"><img border="0" src="../images/menu/cool.gif"width="70" height="49" ></table><table style=filter:glow(color=yellow strength=6)><font face="tafelschrift" color="#0000FF"size="5"><a href="sc-menu.htm"><center>&nbsp;Men&uuml;  для &nbsp;Homepage&nbsp;<br>&nbsp;<b>№ 78 &nbsp;</b></center></a></font></table><table style="position:absolute; top:3%; right:5%;"><img border="0" src="../images/menu/smil.gif"width="50" height="49" ></table></p></center>

<center><TR>
			<TD>
			<TABLE WIDTH=400 HEIGHT=273 BGCOLOR="#C8C8C8" CELLSPACING=0 CELLPADDING=1 BORDER=1>
			<TR>
				<TD VALIGN=top bgcolor="#000000" height="21">
                <font face="Broadway" color="#696969">&nbsp;Script&nbsp;№78</font>
				</TD>
			</TR>

			<TR>
				<TD VALIGN=top height="248">
				<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=10 BORDER=0 height="245">
				<TR>
					<TD VALIGN=top HEIGHT=225>
                   <left><img border="0" src="../a-gif/flaggen/f_de.gif" width="20" height="12">&nbsp;&nbsp;
                   (<A class=hintanchor onmouseover="showhint('<b>Хотите:</b><BR>  иметь такое же Меню ?<br><b>Просто:</b><BR>  скачайте ЗИП №  78.', this, event, '150px')" 
            href="../menu/m78/m78.zip">[Download ZIP?]</A>) <img border="0" src="../a-gif/flaggen/rus.gif" width="20" height="12"></a></left><center> <font face="Broadway" color="#000069"size="4"><b>&nbsp;JAVA + Menu&nbsp;</b></font> </center>
	
	
					<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 BORDER=0>
					<TR>
						<TD WIDTH=99% VALIGN=top>
					</TD>
					</TR>
					<TR>
						<TD WIDTH=99% VALIGN=top>
                        <center><table border="0">
                          <tr>
                            <td></td>
                            <td><!--webbot bot="HTMLMarkup" startspan --><td><form NAME="copy">
<DIV align="center">

<p align="center">
<textarea NAME="txt" ROWS=3 COLS=56 WRAP=VIRTUAL style="background-repeat: no-repeat;
 border-style: groove; background-position: center 30%">


<!--  КОПИРОВАТЬ :

  1.  Сделайте копию HEAD в ваш HTML документ
  2.  Внесите копию оставшихся элементов основного текста BODY в ваш HTML документ
  3.  Зафиксируйте исходный текст HTML , путём закрытия едитора. И... фсё... :0)   -->

<center>
<HTML>

<head>

<style>
.menu
{
position: absolute;
z-index: 1;
padding:5;
border-width: 1;
border-style: ridge;
background-color: blue;
color: white;
}
</style>

<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=6;
var delay=20;
function do_menu(menu)
{
        for(i=0; i<maxmenus; i++)
        {
                if(menu!=i && mpos[i]>-122)
                {
                        mdir[i]=-4;
                        if(mpos[i]>=30)
                                move_menu(i);
                }
        }
        mdir[menu]=-mdir[menu];
        if(mpos[menu]<=-122 || mpos[menu]>=30)
                move_menu(menu);
}
function move_menu(menu)
{
        mpos[menu]+=mdir[menu];
        if(document.layers)
                document.layers["menu"+menu].top=mpos[menu];
        else
                document.all["menu"+menu].style.top=mpos[menu];
        if(mpos[menu]>-122 && mpos[menu]<30)
                setTimeout("move_menu("+menu+")", delay);
}
function init()
{
        for(i=0; i<maxmenus; i++)
        {
                mpos[i]=-122;
                mdir[i]=-4;
        }
}
</script>

</head>

<body bgcolor="#242424" link="#333333" vlink="#333333" alink="#FFFFFF" onload="init()"topmargin="5">
<div class="menu" style="top:0; left:20; width: 50; z-index:2"
align="center"><a href="javascript:do_menu(0)"><b>

<p><small><font color="#000000" face="Verdana">Men&uuml;1</font></b></a><font color="#000000"
face="Verdana"> </font></small></p>
</div><div id="menu0" class="menu" style="top:-122; left:20; width: 200;" align="center">

<p><font face="Verdana"><small>Beispieltext<br>
Beispieltext<br>
Beispieltext<br>
Beispieltext</small><br>
<small>Beispieltext</small></font></p>
</div><div class="menu" style="top:0; left:74; z-index:2; width: 50; background: orange"
align="center"><a href="javascript:do_menu(1)"><b>


<p><small><font face="Verdana">Men&uuml;2</b></a> </font></small></p>
</div><div id="menu1" class="menu"
style="top:-122; left:74; width: 200; background: orange" align="center">

<p><small><font face="Verdana">Beispieltext<br>
Beispieltext<br>
Beispieltext</font></small></p>
</div><div class="menu" style="top:0; left:132; z-index:2; width: 50; background: green"
align="center"><a href="javascript:do_menu(2)"><b>




<p><small><font face="Verdana">Men&uuml;3</b></a> </font></small></p>
</div><div id="menu2" class="menu" style="top:-122; left:132; width: 200; background: green"
align="center">

<p><small><font face="Verdana">Beispieltext<br>
Beispieltext<br>
Beispieltext<br>
Beispieltext</font></small></p>
</div>




<div class="menu" style="top:0; left:190; width: 50; z-index:2; background: tan"
align="center"><a href="javascript:do_menu(3)"><b>

<p><small><font color="#000000" face="Verdana">Men&uuml;4</font></b></a><font color="#000000"
face="Verdana"> </font></small></p>
</div>
<div id="menu3" class="menu" style="top:-122; left:190; width: 200; background: tan" align="center">
<p><font face="Verdana"><small>dein text<br>
Beispieltext<br>
Beispieltext<br>
Beispieltext</small><br>
<small>Beispieltext</small></font></p>
</div>

<div class="menu" style="top:0; left:250; z-index:2; width: 50; background: brown"
align="center"><a href="javascript:do_menu(4)"><b>
<p><small><font face="Verdana">Men&uuml;5</b></a> </font></small></p>
</div>

<div id="menu4" class="menu"
style="top:-122; left:250; width: 200; background: brown" align="center">
<p><small><font face="Verdana">Beispieltext<br>
Beispieltext<br>
Beispieltext</font></small></p>
</div>

<div class="menu" style="top:0; left:310; z-index:2; width: 50; background: violet"
align="center"><a href="javascript:do_menu(5)"><b>
<p><small><font face="Verdana">Men&uuml;6</b></a> </font></small></p>
</div>


<div id="menu5" class="menu" style="top:-122; left:310; width: 200; background: violet"
align="center">
<p><small><font face="Verdana">opisanie<br>
<a href="#.htm">Link</a><br>
Beispieltext<br>
Beispieltext</font></small></p>
</div>

</body>
</HTML>
</center>
<br>




</textarea>
 <p align="center">
 <input type=button value="Маркировать"
 onClick="javascript:this.form.txt.focus();this.form.txt.select();">
 </form></td>
<!--webbot bot="HTMLMarkup" endspan -->

                            </td>
                          </tr>
                        </table>
<center><b>Пример   :</b><font color="#ff0000"size="4">Многофункциональное меню, с абсолютной заданой величиной...</font><br>

		
  <center>




<!--anfang-->
<div class="menu" style="top:0; left:20; width: 50; z-index:2"align="center">
<a href="javascript:do_menu(0)"><b>
<p><small><font color="#000000" face="Verdana">Men&uuml;1</font></b></a><font color="#000000" face="Verdana"> </font></small></p>
</div>
<div id="menu0" class="menu" style="top:-122; left:20; width: 200;" align="center">
<p><font face="Verdana"><small>Описание МЕНЮ<br>
Это многоцелевое меню<br>
оно может использовано<br>
для галерей, выставок...</small><br>
<small>и так далее...</small></font></p>
</div>

<div class="menu" style="top:0; left:74; z-index:2; width: 50; background: orange" align="center">
<a href="javascript:do_menu(1)"><b><p><small><font face="Verdana">Men&uuml;2</b></a> </font></small></p>
</div>
<div id="menu1" class="menu"style="top:-122; left:74; width: 200; background: orange" align="center">
<p><small><font face="Verdana">Примерный текст<br>
или<br>
 Ваша ССЫЛКА</font></small></p>
</div>


<div class="menu" style="top:0; left:132; z-index:2; width: 50; background: green" align="center">
<a href="javascript:do_menu(2)"><b>
<p><small><font face="Verdana">Men&uuml;3</b></a> </font></small></p>
</div>
<div id="menu2" class="menu" style="top:-122; left:132; width: 200; background: green"align="center">
<p><small><font face="Verdana">ССЫЛКИ<br>
<a href="#.htm">Link 3-1</a><br>
текст<br>
<a href="#.htm">Link 3-2</a><br>
текст<br>
<a href="#.htm">Link 3-3</a><br>
текст<br>
</font></small></p>
</div>




<div class="menu" style="top:0; left:190; width: 50; z-index:2; background: tan"
align="center"><a href="javascript:do_menu(3)"><b>
<p><small><font color="#000000" face="Verdana">Men&uuml;4</font></b></a></font></small></p>
</div>
<div id="menu3" class="menu" style="top:-122; left:190; width: 200; background: tan" align="center">
<p><font face="Verdana"><small>Пояснение<br>
</small><br>
<a href="#.htm">Link 4-1</a><br>
<a href="#.htm">Link 4-2</a><br>
<a href="#.htm">Link 4-3</a><br>
<small>ТЕКСТ</small></font></p>
</div>

<div class="menu" style="top:0; left:250; z-index:2; width: 50; background: brown" align="center">
<a href="javascript:do_menu(4)"><b>
<p><small><font face="Verdana">Men&uuml;5</b></a> </font></small></p>
</div>
<div id="menu4" class="menu"
style="top:-122; left:250; width: 200; background: brown" align="center">
<p><small><font face="Verdana">Линки<br>
<a href="#.htm">Link 5.1</a><br>
<a href="#.htm">Link 5.2</a><br>
<a href="#.htm">Link 5.3</a><br>
</font></small></p>
</div>

<div class="menu" style="top:0; left:310; z-index:2; width: 50; background: violet" align="center">
<a href="javascript:do_menu(5)"><b>
<p><small><font face="Verdana">Men&uuml;6</b></a> </font></small></p>
</div>
<div id="menu5" class="menu" style="top:-122; left:310; width: 200; background: violet"
align="center">
<p><small><font face="Verdana">ОПИСАНИЕ<br>
<a href="#.htm">Link 6</a><br>
Примерный текст<br>
или пояснение к линку</font></small></p>
</div>



<!--ende -->


</center>
			</TD>
					</TR>
				</TD>
					</TR>
					<TR>
						<TD WIDTH=99% VALIGN=top>





<p align="center"><a href="m75.htm"><strong></strong></a></p>




                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					</TD>
					</TR>
					</TABLE>
					</TD>
				</TR>
				</TABLE>
				</TD>
			</TR>
			</TABLE>
						</TD>
					</TR>
					</TABLE>
					</TD>
				</TR>
				</TABLE>

  

				
    <table>
        <TR>
            <TD VALIGN=top></TD>
            <TD VALIGN=top></TD>
        </TR>
    </table>

<TD COLSPAN=76 WIDTH=400 ROWSPAN=26><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TD VALIGN=TOP COLSPAN=17 WIDTH=170 ROWSPAN=5>
<!--USER-CODE--><STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#000000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#000000;
}
-->
</STYLE>
<TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10></TABLE><FONT SIZE=1><BR CLEAR=ALL>
</BODY>


<SCRIPT LANGUAGE="javascript">


if (iecheck){
createMenus();
document.oncontextmenu=function(){
showMenu(event);
return false;
}
document.onmouseup=function(){
hideMenu(event);
return false;
}
}

</SCRIPT>

</html>