İLGİNÇ BİR MENÜ

[Admin]

Kod:

<style>
   #linksmenu{position: absolute;top: 0;left: 0;z-index: 1;}
   #links{   position: absolute;top: -120;left: 0;z-index: 0;}
   #infomenu{position: absolute;top: 0;left: 60;z-index: 1;}
   #info{position: absolute;top: -92;left: 60;z-index: 0;}
   .menu {position:absolute;left:450;top:230;}
   .background {position:absolute;left:450;top:105;height:130;width:160;background-color:#f4f7fd; }

</style>

<script language="Javascript">
<!--
var eypos=-124, ejump=-4;
var typos=-92, tjump=-4;
var delay=2;
function do_links()
{
   if(typos>-92)
   {
      tjump=-4;
      if(typos>=30)
         info_fahren();
   }

   ejump=-ejump;
   if(eypos<=-122 || eypos>=30)
      links_fahren();
}
function links_fahren()
{
if(document.layers) document.links.top=eypos; else document.all.links.style.top=eypos;
   eypos+=ejump;

   if(eypos>-122 && eypos<30)
      setTimeout("links_fahren()", delay);
}
function do_info()
{
   if(eypos>-122)
   {
      ejump=-4;
      if(eypos>=30)
         links_fahren();
   }
   tjump=-tjump;
   if(typos<=-92 || typos>=30)
      info_fahren();
}
function info_fahren()
{
if(document.layers) document.info.top=typos; else document.all.info.style.top=typos;
   typos+=tjump;

   if(typos>-92 && typos<30)
      setTimeout("info_fahren()", delay);
}
// -->
</script>


<div class="menu">
<div id="linksmenu">
<table width="60" height="30" bgcolor="deepskyblue" cellspacing="0">
  <tr>
    <td align="middle"><a href="javascript:do_links()"><b>Links</b></a> </td>
  </tr>
</table>
</div>

<div id="infomenu">
<table width="60" height="30" bgcolor="deepskyblue" cellspacing="0">
  <tr>
    <td align="middle"><a href="javascript:do_info()"><b>Info</b></a> </td>
  </tr>
</table>
</div>

<div id="links">
<table bgcolor="ff8000" width="80" height="120" cellspacing="0">
  <tr>
    <td>scripte </td>
  </tr>
  <tr>
    <td>Applet </td>
  </tr>
  <tr>
    <td>Tools </td>
  </tr>
  <tr>
    <td>Gästebuch </td>
  </tr>
</table>
</div>

<div id="info">
<table bgcolor="ff8000" width="80" height="90" cellspacing="0">
  <tr>
    <td>PC Hilfe </td>
  </tr>
  <tr>
    <td>Win Systeme </td>
  </tr>
  <tr>
    <td>Netzwerk </td>
  </tr>
</table>
</div>
</div><div class="background"></div>