Ako vytvoriť News Scroller pre webové stránky

Môžete vytvoriť jednoduchý spravodajský skroller pre vaše webové stránky pomocou značky HTML. Aj keď je značka "" neštandardná značka vyvinutá spoločnosťou Microsoft pre program Internet Explorer, podporujú ju mnohé webové prehliadače bežiace na počítačoch, chytrých telefónoch a iných mobilných zariadeniach. Vaše správy môžu obsahovať samotný formátovaný text alebo kombináciu textu a obrázkov. Môžete tiež nakonfigurovať značku "", aby ste posúvali novinové položky vľavo, vpravo, hore alebo dole.

1.

Spustite program Poznámkový blok alebo iný textový alebo kódový editor podľa vášho výberu. Kliknite na ponuku Súbor. Kliknite na tlačidlo "Otvoriť". Pomocou správcu súborov vyhľadajte súbor HTML, do ktorého chcete pridať spravodajský skroller.

2.

Kliknite na ukazovateľ myši v časti kódu HTML, do ktorej chcete pridať spravodajský skroller.

3.

Zadajte "" do prázdneho miesta. Stlačte tlačidlo "Enter".

4.

Zadajte svoje správy pod značku. Zadajte "" a stlačte "Enter" po každej spravodajskej položke tak, aby scroller zobrazoval len jednu novinku na riadok.

5.

Stlačte tlačidlo "Enter" po poslednej spravodajskej položke. Typ "" zatvorte sekciu označenia. Stlačte tlačidlo "Enter".

6.

Zadaním "Ctrl-S" uložte zmeny.

Tip

  • Môžete zmeniť spôsob, akým sa zobrazuje váš scroller správ nastavením atribútov značky. Napríklad atribút "šírka" určuje, ako široký bude váš scroller správ vo vašej webovej stránke. Môžete poučiť atribút "behavior" na posúvanie striedavo smeru posúvača. Môžete tiež ovládať, ako rýchlo posúvať spravodajské položky tak, že zahrňuje atribút "scrolldelay" a špecifikuje číslo.

Výstraha

  • Môžu existovať rozdiely v spôsobe, akým rôzne prehliadače interpretujú ľubovoľný styl CSS aplikovaný na stĺp alebo na jeho obsah. Konzorcium World Wide Web pracuje na štandardoch CSS pre stany, ale ešte nie sú oficiálne. Alternatívou je používať knižnicu JavaScriptu s viacerými platformami, ako je jQuery, na vytváranie scrollerov spravodajských skratiek, ktoré automaticky prispôsobia svoj vzhľad a správanie tak, aby zodpovedali funkciám konkrétneho zariadenia. Demo kód zvyčajne nájdete pomocou týchto knižníc, ktoré napodobňujú a zlepšujú funkciu značky "marquee".
 

Zanechajte Svoj Komentár