No Future
Weblog přesunut na atd.havrlant.net
Jak bez Flashe a bez Javascriptu rozpohybovat stránku
12 listopad 2005, 12:05
rubrika se-spetkou-ironie
Sice se říká, že stránky by měly být statické, že by na nich mělo být co nejméně animovaných gifů, ještě méně různých Flashových blbůstek, ale mezi námi – to by pak ty stránky byly poněkud nudné a fádní. Jenomže pokud rozpohybujete stránku ve Flashi, existuje možnost, že si uživatel Flash vypne. Stejně tak například Javascript nebo obrázky. Proto vám tedy předvedu způsob, jak elegantně rozpohybovat stránku jen za pomocí čistého nefalšovaného html.
Ke všemu budeme potřebovat pouze jednoduchý tag
<marquee> a několik atributů, které tento příkaz
podporuje. Kdo by tento již vcelku památný tag neznal, může si
prohlédnout jednoduchý příklad běžící textu,
který byl stvořen právě díky <marquee>.
Teď ještě těch několik atributů, které budeme potřebovat. Takže
předně direction="down | left | right | up", což určuje směr,
kam se bude text pohybovat. Potom se bude docela určitě hodit
behavior="scroll | alternate | slide". Scroll je defaultní, text
prostě jede, jede, jede a když dorazí na konec, přesune se zase na
začátek. U alternate text jede, jede, jede a až narazí na konec,
odrazí se a jede zpátky opačným směrem. Poslední možnost slide je
jednoduchá, text jede, jede, jede a až dorazí na konec, tak se prostě
zastaví.
A za pomocí těchto několika atributů a trochu css pozicování můžete udělat krásné dynamické stránky (prohlížejte prosím v Opeře, nechtělo se mi to již optimalizovat pro FF nebo MSIE).
To ale pochopitelně není všechno. Na další experiment již bude opět
potřeba Firefox, protože Opera nepodporuje text-decoration:blink
(alespoň 9.0, nevím teď, jak starší Opera) (Opera blink
podporuje, jenom autor je slepý a nevšiml si toho:-). Stačí přidat několik
takovýchto blinků a opět to vypadá o něco víc
cool.
A pak že je normální html jenom statické a nudné;-)
komentáře
Hledej na weblogu:
Ereses
— 12. listopad 2005, 17:51
To si snad dleas legraci ne:-) Kdyz nebudu muset tak si nikdy dobrovolne tkaove svinstvo na web nedam:-) leda na newsbar:-)
— 12. listopad 2005, 18:13
No však je to také v rubrice „se špetkou ironie“ ;-)
— 12. listopad 2005, 18:58
Sranda musí byť :-)
— 12. listopad 2005, 19:39
No ten krásny príklad na dynamickú stránku je nádherný. Až sa mi zatočila hlava :)
— 12. listopad 2005, 20:39
:o))
Ještě bych každý odstavec udělal jako odkaz a přes CSS mu pomocí :hover nastavil změnu barvy a odsazení. Pak by to bylo dokonalé!
— 12. listopad 2005, 21:20
Opera 8.50 bliká, ale jenom co dvě vteřiny (vteřinu rozsvíceno, vteřinu zhasnuto). Nevím, zda je to tak dobře, nechtělo se mi zapínat Firefox.
Jo, a zvětší tohle pole na komentář, je to moc malé.
— 13. listopad 2005, 10:42
Šlaha: Vím, pracuje se na tom, ale netuším, jak to změnit. Přestávám mít rád Textpattern.
Dero: Hotovo;-) jen za pomocí Javascriptu, odkaz už mi v tom zmatku Opera vůbec nebrala…
— 13. listopad 2005, 11:49
Zvětšeno, sice jsem nepřišel na to, kde se to mění v txp, ale šalamounsky jsem to zvětšil přes css;-)
— 13. listopad 2005, 13:39
Timy: tak v tom pripade jo, nazvu kategorie jsem si nevsiml:-)