Web-SgS

<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ü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ü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ü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ü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ü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ü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> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/6.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html> </center> <br>