Loading:


Warstwa odbijająca się od krawędzi

Skrypt tworzy warstwę odbijającą się od krawędzi okna przeglądarki.



Napisz Artyku³

Listing


<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var speed = 1;
var stepX = 1;
var stepY = 1;
function moveLayer()
{
  var layer = document.getElementById("layer1");
  x = parseInt(layer.style.left);
  y = parseInt(layer.style.top);
  layerWidth = parseInt(layer.style.width);
  layerHeight = parseInt(layer.style.height);
  windowWidth = parseInt(document.body.clientWidth);
  windowHeight = parseInt(document.body.clientHeight);
  if((x < 0) || (x > windowWidth - layerWidth - 1)){
    stepX = -stepX;
  }
  if((y < 0) || (y > windowHeight - layerHeight - 1)){
    stepY = -stepY;
  }
  x = x + stepX;
  y = y + stepY;
  layer.style.left = x;
  layer.style.top = y;
  setTimeout("moveLayer()", speed);
}

// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY onLoad="moveLayer();">
<DIV ID="layer1"
     STYLE="background-color:red;width:100;height:100;left:100;
            top:100;position:absolute;"

>
</DIV>
</BODY>
</HTML>
 




Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2020 v.1.5 | design: diviXdesign & rainbowcolors