TREPERENJE I TRCANJE

I pored cudnog naslova ove strane na njoj se i dalje govori o HTML-u. O cemu se zapravo radi?
Verovatno ste vec primetili da web stranice ne moraju da budu staticne. Na mnogim stranicama mozete videti slova koja trepere ili trce preko stranice. Ovo se moze postici pomocu dva taga: <blink> i <marquee>. Netscape Navigator prepoznaje tag <blink> a ne prepoznaje tag <marquee>, dok je kod Internet Explorera obrnuto. Medjutim ova dva taga nemaju isto dejstvo. <blink> dovodi do treperenja teksta u jednom mestu, dok <marquee> tag dovodi do skrolovanja teksta preko stranice. Iz tog razloga bi bilo dobro da istovremeno koristite oba taga, umetnuta jedan u drugi, tako da ce korisnici Explorera videti tekst koji skroluje, a korisnici Navigatora ce videti tekst koji se pali i gasi.

Pa da krenemo na primere. Evo kako izgleda dejstvo ova dva taga:

ZDRAVO !

ciji je odgovarajacu HTML kod:

<MARQUEE><BLINK> ZDRAVO ! </BLINK></MARQUEE> Vi cete naravno videti samo jedan od ova dva efekta u zavisnosti od toga kojim browserom surfujete. Ako ovu stranicu posmatrate iz Internet Explorera onda vidite da rec "ZDRAVO !" skroluje (trci) preko cele sirine stranice sa desna na levo. ako pak stranicu posmatrate iz netscape navigatora trebalo bi da vidite kako se ova rec pali i gasi (treperi) u jednom mestu. ako imate i jedan i drugi browser pogledajte ovu stranicu u oba, da bi ste uvideli razliku. naravno da tekst unutar ovih tagova mozete formatirati pomocu <font> taga kako bi ste postigli sto bolji efekat. Pogledajte ovaj obojadisani pozdrav:

ZDRAVO !

HTML kod u ovom slucaju glasi:

<FONT FACE="Comic Sans MS" SIZE="7"><MARQUEE><BLINK> <FONT COLOR="#0000ff">Z</FONT> <FONT COLOR="#ff0000">D</FONT> <FONT COLOR="#00ff00">R</FONT> <FONT COLOR="#00ffff">A</FONT> <FONT COLOR="#ff1493">V</FONT> <FONT COLOR="#ffff00">O</FONT> <FONT COLOR="#ff00ff">!</FONT> </BLINK></MARQUEE></FONT>

Dakle za svako slovo sam posebno definisao boju, a za sva slova zajedno velicinu 7.

Internet explorerov <marquee> tag je mnogo bogatiji u opcijama. Pomocu atributa width, cija se vrednost zadaje u pikselima ili u procentima sirine stranice, mozemo zadati da tekst skroluje samo preko dela stranice. Pomocu atributa bgcolor mozemo zadati boju pozadine preko koje ce tekst skrolovati. U sledecem primeru sam zadao da beli tekst skroluje samo preko 50% sirine stranice i to po crnoj pozadini:

ZDRAVO !

Naravno, tu je i HTML kod:

<CENTER> <FONT FACE="Comic Sans MS" SIZE="7" COLOR="#ffffff"> <MARQUEE WIDTH="50%" BGCOLOR="#000000"><BLINK> ZDRAVO ! </BLINK></MARQUEE></FONT> </CENTER>

Ovaj efekat ce videti samo korisnici Interent Explorera, ali s obzirom da prema poslednjim istrazivanjima 60% surfera koristi ovaj browser, to znaci da ce vecina posetilaca stranice uzivati u ovom divnom prizoru :-)

Ako zelite da promenite smer skrolovanaja na desnu stranu to mozete postici atributom: direction="RIGHT". Sad ce tekst trcati sa leva na desno:

ZDRAVO !

A evo jos jedne perverzije:
Pomocu atributa behavior="ALTERNATE" mozete zadati tekstu da seta napred - nazad:

ZDRAVO !

Ludo burazeru, ludo !

A sad predjite na poslednju stranicu ovog mog HTML udzbenika ...

Tabele 2
nazad
Index Zavsna rec
napred

uvod u html dodavanje boja uredjivanje teksta uredjivanje teksta 2 liste
linkovi web grafika tabele tabele 2 kraj