| Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Barevný přechod při otevření stránky
V tomto příkladě si ukážeme, spíše trochu nepraktickou, ale o to zajímavější, ukázku, jak plynule měnit barvu.
Zdrojový kód:
<HTML>
<HEAD>
<TITLE>Barevný přechod při otevření stránky</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
n=-1;
function fadein()
{
n++;
if (n<=15)
{
barva=0;
if (n==10) barva="AAAAAA";
else if (n==11) barva="BBBBBB";
else if (n==12) barva="CCCCCC";
else if (n==13) barva="DDDDDD";
else if (n==14) barva="EEEEEE";
else if (n==15) barva="FFFFFF";
else barva=111111*n;
document.bgColor="#"+barva;
window.setTimeout("fadein()",100);
}
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="fadein();">
</BODY>
</HTML>
Výsledek:
Při vstupu se "rozední" obrazovka, pro opakování zmáčkněte F5.
Vysvětlení činnosti:
Základním prvkem tohoto efektu je funkce fadein(). Ta nejdříve zvýší hodnotu proměnné n, kterou jsme si předtím inicializovali s hodnotou -1 (důvod - viz dále). Dalším krokem této funkce je kontrola podmínky if. Pokud má proměnná n nižší nebo rovnou hodnotu 15, vykoná se další část scriptu. V té jsme si nejdříve inicializovali proměnnou barva s hodnotou 0. Poté jsme jednotlivými podmínkami přiřazovali této proměnné hodnoty. Pokud nevíte, co tyto hodnoty znamenají, pak vězte, že je to kvůli tomu, abychom pak mohli díky vlastnosti document.bgColor přiřadit stránce pozadí. Poté, jako poslední část, funkce, díky vlastnosti window.setTimeout obnoví sebe samu každých 100 milisekund. Tak dojde opět k zvýšení hodnoty proměnné n o jedna a opět se vybere daná podmínka. Až bude hodnota proměnné n vyšší než 15 funkce se přestane obnovovat.
28.06.2002 | Příklady | David Havlíček
|
|
Dnes je 15. 11. 2024
Svátek má Leopold | |
| Bleskové aktuality: |
10.12.2002 Dlouho jsme tu neměli příklady, tak co kdybychom si dneska jeden dali?
07.12.2002 Poslední operáty, které si představíme, jsou speciální.
02.12.2002 Po delší pauze si představíme další operátory - řetězcové.
17.11.2002 Next operátory jsou přiřazovací.
10.11.2002 Jedněmi z posledních operátorů jsou porovnávací.
02.11.2002 Už jste slyšeli o logických operátorech? Pár jich taky je.
29.10.2002 Dalšími operátory jsou bitové.
26.10.2002 Dnes si představíme první z řady operátorů - aritmetické operátory.
24.10.2002 Další částí referencí jsou příkazy.
18.10.2002 Dnes se mrkneme na referenční přehled funkcí.
12.10.2002 Window je objekt, který má snad nejvíce metod a vlastností, tak se mu dnes podíváme na zoubek.
06.10.2002 Netradičně v neděli další objekt - string.
28.09.2002 Další sobota. Další objekt - screen.
21.09.2002 Hodně používáný je objekt navigator. Proto se na něj dneska zaměříme.
14.09.2002 Po týdenní pauze další referenční článek o objektu - tentokrát Math.
07.09.2002 Objekt location bude náš dnešní cíl.
04.09.2002 Na paškál si tentokrát vezmeme objekt history.
|
|
|
