DHTML

Moving Background
Moving Objects
Rollover
Pulldown Menu
Preloading
Drag'n'Drop
Scrolling Text
Teletype
Shoot Me!
Animation
ActiveX
Opacity
Transition
Mad Bubbles
Gates

JavaScript


Books

Russian | Main Page


Useful links:



Gates

<script language="JavaScript">
<!--

    //global variables

    var topStopPoint="null";
    var layerRef="null",styleSwitch="null";
    var currtop=-100;
      function init()
        { layerRef="document.all";
        styleSwitch=".style";
        topStopPoint="-40px";
      moveLayers();
    }
// -->
</script>

<script language="JavaScript1.2">
<!--

    document.open();
    document.write('<style type="text/css">');
    document.write('#leftBG{position: absolute; z-index: 10; visibility: visible; left: 0px; top: 0px;}');
    document.write('#rightBG{position: absolute; z-index: 10; visibility: visible; left: 0px; top: 0px;}');
    document.write('#text{position: absolute; z-index: 20; visibility: visible; left: 15px; top: 15px;}');
    document.write('</style>');
    function moveLayertop(layerName)
    {
      if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top != topStopPoint'))
      {
        currtop+=2;
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top = currtop');
        setTimeout('moveLayertop("'+layerName+'")',20);
      }
      else
      {
        currtop=-196;
        eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top = currtop');
        setTimeout('moveLayertop("'+layerName+'")',20);
      }
    }


// -->
</script>

<body bgcolor=black text=white onLoad="init();">

<div id="text">

</div>


<div id="leftBG">
<table width="50%" border="0" background="snow.gif" height="11500">
    <tr>
      <td>  
      </td>
    </tr>
</table>
</div>
<div id="rightBG">
<table width="50%" border="0" background="snow.gif" height="11500">
    <tr>
      <td>  
      </td>
    </tr>
</table>
</div>













WAIT FOR




 LOADING