Выезжающее меню

Посмотри слева, наведи мышью

 

 <style>

<!--

 

#slidemenubar, #slidemenubar2{

position:absolute;

left:-155px;

width:160px;

top:170px;

border:1.5px solid green;

background-color:lightyellow;

layer-background-color:lightyellow;

font:bold 12px Verdana;

line-height:20px;

}

-->

</style>

 

</head>

<body><script language="JavaScript1.2">

      

      /*

      Sliding Menu Bar Script-

      © Dynamic Drive (www.dynamicdrive.com)

      For full source code, installation instructions,

      100's more DHTML scripts, and Terms Of

      Use, visit dynamicdrive.com

      */

      

      if (document.all)

      document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">');

      </script>

      <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">

      <script language="JavaScript1.2">

      var sitems=new Array();

      var sitemlinks=new Array();

      

      //extend or shorten this list

      sitems[0]="Menu item caption0";

      sitemlinks[0]="Test0.htm";

      

      

      

      for (i=0;i<=sitems.length-1;i++)

      document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');

      </script>

      </layer>

      <script language="JavaScript1.2">

      function regenerate(){

      window.location.reload();

      }

      function regenerate2(){

      if (document.layers)

      setTimeout("window.onresize=regenerate",400);

      }

      window.onload=regenerate2;

      if (document.all){

      document.write('</div>');

      themenu=document.all.slidemenubar2.style;

      rightboundary=0;

      leftboundary=-150;

      }

      else{

      themenu=document.layers.slidemenubar;

      rightboundary=150;

      leftboundary=10;

      }

      function pull(){

      if (window.drawit)

      clearInterval(drawit);

      pullit=setInterval("pullengine()",50);

      }

      function draw(){

      clearInterval(pullit);

      drawit=setInterval("drawengine()",50);

      }

      function pullengine(){

      if (document.all&&themenu.pixelLeft<rightboundary)

      themenu.pixelLeft+=5;

      else if(document.layers&&themenu.left<rightboundary)

      themenu.left+=5;

      else if (window.pullit)

      clearInterval(pullit);

      }

      function drawengine(){

      if (document.all&&themenu.pixelLeft>leftboundary)

      themenu.pixelLeft-=5;

      else if(document.layers&&themenu.left>leftboundary)

      themenu.left-=5;

      else if (window.drawit);

      clearInterval(drawit);

      }

      </script>

      

 

 

</body>

 


Разработал: Лустин Илья
e-mail: 4lis@mail.ru
г. Тольятти
Hosted by uCoz