Generujte ticker bez JavaScriptu
Ak chcete na svojom webe vytvoriť jednoduchý ticker správ alebo poukázať na dôležitú správu, môžete nechať text zobraziť ako ticker. Na to nepotrebujete nevyhnutne funkciu JavaScript, namiesto toho môžete použiť jednoduchú značku HTML, ktorá má tiež rozhodujúcu výhodu oproti JavaScriptu.
Nevýhoda tickera s JavaScriptom
Aj keď je vytváranie pohyblivého textu pomocou JavaScriptu relatívne jednoduché, má jednu veľkú nevýhodu.
- JavaScript je napríklad možné deaktivovať v príslušnom prehliadači návštevníka, aby sa vaša funkcia vôbec nezobrazovala.
- Tomu sa môžete vyhnúť jednoduchým pridaním príslušnej značky HTML „markíza“ (angl. Použite „ticker“), ktorý je podporovaný najbežnejšími prehliadačmi, aj keď nie je oficiálne štandardizovaný.
- Bez ohľadu na to, či používate JavaScript alebo značkovaciu značku, mali by ste vedieť, že bežiaci text môžu vaši návštevníci vnímať ako nepríjemný. Dnes, s výnimkou aktualít, sú tickery veľmi zriedka súčasťou moderných webových stránok, aby ste mohli jasnejšími štruktúrami a zhodou farieb lepšie poukázať na určitý aspekt mal by.
Použite značku Marquee v kóde HTML
HTML tag „marquee“, ako väčšina značiek, má jednoduchú štruktúru, takže na vygenerovanie tickeru v zásade stačí napísať značku.
Vytvoriť ticker noviniek pre domovskú stránku - tak to funguje
Ak chcete na svoju domovskú stránku pridať funkciu označovania noviniek, môžete to urobiť ...
- To by ti stačilo napíšte na požadované miesto. V dôsledku toho by sa text „Vaša správa“ stabilne pohyboval vľavo od pravého okraja obrázka.
- Ak chcete zmeniť tento smer, potrebujete iba atribút „smer“. Direction) a potom zadajte anglický smer. Ak by ste teda chceli, aby sa text pohyboval zľava doprava, museli by ste píšte, pretože smer jazdy by mal byť „vpravo“.
- Aby sa indikátor vždy pohyboval tam a späť, tj. Automaticky sa prepínal opačným smerom, hneď ako sa dostanete na okraj obrázku, môžete použiť atribút „správanie“ s hodnotou „alternatívny“ používať. Mohlo by to vyzerať napríklad takto:
Tvoja správa. - Tiež máte možnosť ovplyvniť rýchlosť posúvania textu pomocou dvoch atribútov „scrollamount“ a „scrolldelay“. Atribút "scrollamount" definuje rozsah, v akom by sa mal príslušný text pohybovať pri každom kroku, tj. O koľko pixelov by mal preskočiť dopredu. Atribút "scrolldelay" určuje čas medzi jednotlivými skokmi, t.j. príslušné oneskorenie. Rýchlo postupujúci text môže začínať napríklad „ byť vygenerované.
- Nakoniec by ste mohli navrhnúť aj oblasť tickeru. Máte napríklad možnosť nastaviť „výšku“ oblasti markízy, jednu Nastavte farbu pozadia alebo farbu písma textu, pričom posledne menovaný bude založený na ďalších značky písma sú možné. Na oblasť s výškou 50 pixelov, ktorá by mala mať čierne pozadie a biele písmo, budete musieť napísať: .
Ako nápomocný vám bude tento článok?
