Reklamní proužek pomocí CSS
Následující skript jsem vytvořil jako náhradu běžícího textu, který pracuje pouze v IE. Pomocí absolutního pozicování a atributu hidden/visible můžete se zapojením JavaScriptu vytvořit reklamní proužek, který bude postupně nabízet vámi přednastavené texty.
Všechny uvedené texty budou absolutně pozicované do stejné pozice (sami si na stránce určíte vhodné místo) a jejich viditelnost bude skrytá. Pomocí Javascriptu pak uděláte cyklus, který vždy daný text (ve skutečnosti celý element DIV) nastaví na viditelný, po chvíli jej skryje a zviditelní následující text.
Příklad stránky s pěti střídajícími se texty:
|
Pro plnohodnotné využití je dobré navrhnout design stránky tak, aby se pod textem proužků nemohl objevit text a stránka se tak stala nečitelnou. Styl písma proužků si již přizpůsobte svým potřebám, stejně jako vyjmutí definice stylů do externího souboru, které jsem pro přehlednost neuváděl. Uvedený skript pracuje ve většině nejpoužívanějších prohližečů – IE, NN a Opera.
Starší komentáře ke článku
Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.
Mohlo by vás také zajímat
-
Aukce CZ domén: Jak vydražit expirovanou CZ doménu?
12. června 2024 -
Apple jde naproti práci s HDR monitory!
17. ledna 2025 -
Členská sekce: 4 důvody proč ji mít na svém webu
12. března 2024 -
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025
Nejnovější
-
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025 -
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025