Nabídka portálu se při zobrazení článku přesouvá na konec pravého sloupce nabídek.
 Mezistránkové přechodové efekty v HTML. |
Autor: SwitCZ
| Zdroj:
| Vytvořeno: 24.8.2003
| Publikováno: 10.9.2003
| Čtenářů: 3254
| Unikátních: 3187
|
Jak jednoduše zefektnit zobrazení stránky.Trik platný pouze pro IE.
Mezistránkové přechody fungují pouze pro IExplorer od verze 5.5!
Co jsou to vlastně mezistránkové přechody?
Je to způsob, kterým se zobrazí nová stránka.Může to být například:Svislá roleta,Vodorovná roleta,Smíchaní a další.
Přechod můžeme aktivovat ve čtyřech událostech:
Při vstupu na server (přímé zadání url, otevření z linku odjinud nebo z reklamního banneru)
Při opuštění serveru (odchod na jiný server z této stránky)
Při vstupu na stránku (vstup na stránku v rámci serveru)
Při opuštění stránky (jiná stránka v rámci serveru)
Připravit takový přechod je velmi jednoduché, nejprve musíme definovat kdy se má efekt aktivovat.To se definuje v hlavičce (HEAD) zdrojového kódu dokumentu HTML.
Pro jednotlivé události se to definuje takto:
Syntaxe je:
<meta http-equiv="UDÁLOST" content="RevealTrans(DÉLKA(Duration),TYP(Transition)">
Parametry:
UDÁLOST
Při vstupu na server:Site-Enter
Při opuštění serveru:Site-Exit
Při vstupu na stránku:Page-Enter
Při opuštění stránky:Page-Exit
Délka (Duration)
Udává v sekundách jak dlouho má přechod stránky trvat.Lze použít tečku pro desetiné číslo pro necelé sekundy.
Typ (Transition)
Druh přechodu pro určení výsledného efektu zobrazení.
| Obdélník dovnitř: | 0 |
| Obdélník ven: | 1 |
| Kruh dovnitř: | 2 |
| Kruh ven: | 3 |
| Rolování nahoru: | 4 |
| Rolování dolů: | 5 |
| Rolování doprava: | 6 |
| Rolování doleva: | 7 |
| Svislá roleta: | 8 |
| Vodorovná roleta: | 9 |
| Šachovnice napříč: | 10 |
| Šachovnice dolů: | 11 |
| Nahodile prolnout: | 12 |
| Rozdělit svisle ke středu: | 13 |
| Rozdělit svisle k okraji: | 14 |
| Rozdělit vodorovně ke středu: | 15 |
| Rozdělit vodorovně k okraji: | 16 |
| Odříznout doleva dolů: | 17 |
| Odříznout doleva nahoru: | 18 |
| Odříznout doprava dolů: | 19 |
| Odříznout doprava nahoru: | 20 |
| Náhodné proužky vodorovně: | 21 |
| Náhodné proužky svisle: | 22 |
| Náhodné: | 23 |
A nakonec komentovaných příklad využití těchto efektů:
Popis:
Při vstupu zvenčí Svislá roleta v délce trvání jeden a půl sekundy,při vstupu na
stránku z mého serveru Kruh dovnitř v délce trvání dvě sekundy,při opuštění stránky v rámci serveru
Odříznout doleva nahoru v délce trvání 3 sekundy a při opuštění serveru z této stránky Kruh ven,
v délce trvání 3 sekundy.
Zdroj dokumentu HTML:
<html>
<head>
<meta http-equiv=&qote;Page-Enter&qote;
content=&qote;revealTrans(Duration=2,Transition=2)&qote;>
<meta http-equiv=&qote;Page-Exit&qote;
content=&qote;revealTrans(Duration=3,Transition=18)&qote;>
<meta http-equiv=&qote;Site-Enter&qote;
content=&qote;revealTrans(Duration=1.5,Transition=8)&qote;>
<meta http-equiv=&qote;Site-Exit&qote;
content=&qote;revealTrans(Duration=3,Transition=3)&qote;>
</head>
<body>
Váš zdroj HTML stránky.
</body>
</html>
|
Novinky e-mailem
Nejčtenější články
Anketa
Nabídka portálu