Pulsująca warstwa (płynne ściemnianie i rozjaśnianie)
Skrypt wyświetla warstwę która płynnie rozjaśnia się i ściemnia. Efekt ten można wykorzystać do stworzenia np. ciekawego przycisku.
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 i = 0;
var j = 1;
function change()
{
cc = (i < 16)? '0' + i.toString(16):i.toString(16);
color = '#' + cc + cc + cc;
document.getElementById('layer1').style.backgroundColor = color;
i = i + j;
if (i < 0){
i = 0;
j = -j;
}
else if(i > 255){
i = 255;
j = -j;
}
setTimeout("change()", speed);
}
// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY onLoad="change();">
<DIV ID="layer1"
STYLE="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
:: 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