LECODEJAVA.COM : JAVASCRIPT - LE CODE JAVASCRIPT : MENU MAGIQUE

MENU MAGIQUE

DEMONSTRATION

Clique pour regarder

Lecodejava.com

Skyscripts.net

Mysearchpunk.com

LE CODE JAVASCRIPT : MENU MAGIQUE

Accueil Divers HTML

<div id="MainFrame" style="left: 5px; POSITION: absolute; TOP: 5px;">
<div id="first" style="left: 0px; POSITION: relative; top: 0px; cursor: default; background-color: #CCFF00; layer-background-color: #00CCFF; border: 1px none #000000; color: #FF0000; font-weight: bold; border-color: #00FF00; border-width: 4px; 2px;2px;2px;border-style: outset; padding: 2px; margin: 2px; text-align: center;" onClick="Go()" onMouseDown="ButtonEff(1,'down')" onMouseUp="ButtonEff(1,'up')" onMouseOver="OverEff(1,'over')" onMouseOut="OverEff(1,'out')">Clique pour regarder</div>
<div id="second" style="left: - 300px; POSITION: relative; top: -1px; cursor: default; background-color: #FF8600; layer-background-color: #00FF00; border: 1px none #000000; color: #0000FF; font-weight: bold; border-color: #FFFF00; border-width: 4px; 2px;2px;2px;border-style: outset; padding: 2px; margin: 2px;" onClick="Load(1)" onMouseDown="ButtonEff(2,'down')" onMouseUp="ButtonEff(2,'up')" onMouseOver="OverEff(2,'over')" onMouseOut="OverEff(2,'out')">Lecodejava.com</div>
<div id="third" style="left: - 400px; POSITION: relative; top: -2px; cursor: default; background-color: #FF8600; layer-background-color: #00FF00; border: 1px none #000000; color: #0000FF; font-weight: bold; border-color: #FFFF00; border-width: 4px; 2px;2px;2px;border-style: outset; padding: 2px; margin: 2px;" onClick="Load(2)" onMouseDown="ButtonEff(3,'down')" onMouseUp="ButtonEff(3,'up')" onMouseOver="OverEff(3,'over')" onMouseOut="OverEff(3,'out')">Skyscripts.net</div>
<div id="fourth" style="left: - 500px; POSITION: relative; top: -3px; cursor: default; background-color: #FF8600; layer-background-color: #00FF00; border: 1px none #000000; color: #0000FF; font-weight: bold; border-color: #FFFF00; border-width: 4px; 2px;2px;2px;border-style: outset; padding: 2px; margin: 2px;" onClick="Load(3)" onMouseDown="ButtonEff(4,'down')" onMouseUp="ButtonEff(4,'up')" onMouseOver="OverEff(4,'over')" onMouseOut="OverEff(4,'out')">Mysearchpunk.com</div>
</div>
<script>
var i = - 300;
var j = - 400;
var k = - 500;
var SlideIn = false;
function ButtonEff( Nb, state )
{
   if ( state == 'up' )
   {
      if ( Nb == 1 )
      {
         document.getElementById( "first" ).style.borderStyle = "outset"
      }
      if ( Nb == 2 )
      {
         document.getElementById( "second" ).style.borderStyle = "outset"
      }
      if ( Nb == 3 )
      {
         document.getElementById( "third" ).style.borderStyle = "outset"
      }
      if ( Nb == 4 )
      {
         document.getElementById( "fourth" ).style.borderStyle = "outset"
      }
   }
   if ( state == 'down' )
   {
      if ( Nb == 1 )
      {
         document.getElementById( "first" ).style.borderStyle = "inset"
      }
      if ( Nb == 2 )
      {
         document.getElementById( "second" ).style.borderStyle = "inset"
      }
      if ( Nb == 3 )
      {
         document.getElementById( "third" ).style.borderStyle = "inset"
      }
      if ( Nb == 4 )
      {
         document.getElementById( "fourth" ).style.borderStyle = "inset"
      }
   }
}

//  ---------------------------------------

//  ---------------------------------------

}
}

//  ---------------------------------------

//  ---------------------------------------

function Go()
{
   SlideIn = ! SlideIn;
   if( SlideIn == true )
   {
      Over = setInterval( "DoIt()", 1 );
   }
   else
   {
      Out = setInterval( "ReversIt()", 1 );
   }
}

//  ---------------------------------------

</script>

LECODEJAVA.com