Warstwa odbijająca się od krawędzi
Skrypt tworzy warstwę odbijającą się od krawędzi okna przeglądarki.
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: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
