Piątek 04 Kwiecień 2025r. Godz 00:00:00      
Postów: 251      

Animowane warstwy DHTML

Animowane warstwy otrzymuje się poprzez ciągłą zmianę współrzędnych położenia warstwy. Najłatwiejszym sposobem jest użycie polecenia:
setInterval(polecenie, czas, argumenty);
Polecenie jest to najczęściej nazwa funkcji, która będzie wykonywana w podanych w milisekundach odstępach czasowych. Jeżeli funkcja wymaga argumentów to w tym przypadku podajemy je na końcu.


<HTML>
  <HEAD>
    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
    <STYLE TYPE="text/css">
    <!--
      #warstwa { position: absolute; background-color:yellow; }
    -->
    </STYLE>
    <SCRIPT LANGUAGE="JavaScript">
      x=1; y=1;
      function przesun()
        { nn4 = (document.layers) ? true:false;
        ie4 = (document.all) ? true:false;
        if (ie4) { document.all['warstwa'].style.left = x;
          document.all['warstwa'].style.top = y; }
        if (nn4) { document.layers['warstwa'].left = x;
          document.layers['warstwa'].top = y;} }
        if (y==1) { x++ };
        if (y>=1 && x==200) { x=200; y++ };
        if (y==100) { x-- };
        if (y<=100 && x==1) {x=1; y--} ; };
    </SCRIPT>
  </HEAD>
  <BODY BGCOLOR="#6FB20F">
    <DIV ID="warstwa">To się rusza !!!</DIV>
    <SCRIPT LANGUAGE="JavaScript">
      setInterval(przesun,5);
    </SCRIPT>
  </BODY>
</HTML>