Avtor: -primož-
05.10.09
| HTML – Marquee |
| HTML vodiči |
 Premikajoče besedilo in slike<marquee> </marquee> je html oznaka za premikajoče besedilo, med ti dve oznaki pa lahko vstavimo tudi slike, ki se nato premikajo. Iz tega lahko naredimo kakšen okvirček s pogosto uporabljenimi besedami, galerijo slik, seznam poslovnih partnerjev itd. Edina pomanjkljivost je, da se začne s praznim prostorom. To moramo pač vzeti v zakup. Marquee po poglavjih1. Marquee 2. širina in višina 3. smer 4. hitrost premikanja 5. način premikanja 6. število ponavljanj 1. MarqueeBesedilo in slike, za katere želimo, da se premikajo damo med oznaki <marquee> in </marquee>. Premikanje se začne z desne proti levi, širina Marquee okvirja pa je privzeto nastavljena na 100%, kar pomeni, da če hočemo Marquee uporabljati med besedilom, moramo določiti širino. HTML primer 1: <html>
<head> </head> <body> <marquee>Besedilo <img src="/mm_logo.png"></marquee> </body> </html> PRIKAZ uporabe oznake Marquee HTML primer 2 <html>
<head> </head> <body> Moje-Mesto.com<marquee>Besedilo <img src="/mm_logo.png"></marquee>Moje-Mesto.com </body> </html> PRIKAZ uporabe oznake Marquee med besedilom 2. Širina in višinaPrivzeta vrednost širine je 100%, višina pa je odvisna od vsebine, ki se nahaja med marquee oznakama. Širino določimo z atributom width=" ", višino pa z atributom height=" ", ki ju vstavimo v oznako <marquee>. Z določitvijo teh dveh atributov lahko uporabljamo Marquee tudi med besedilom, kot prikazuje 4. primer. *Če imate vstavljeno sliko morate njej določiti višino, drugače brskalnik spregleda višino Marqueeja. HTML primer 3 <html>
<head> </head> <body> <marquee width="200" height="40px">Besedilo <img src="/mm_logo.png" height="80px"></marquee> </body> </html> PRIKAZ oznake marquee z določno širino in višino HTML primer 4 <html>
<head> </head> <body> Moje-Mesto.com<marquee width="200">Besedilo <img src="/mm_logo.png"></marquee>Moje-Mesto.com </body> </html> PRIKAZ oznake marquee med besedilom 3. Smer premikanja
Privzeta vrednost za smer je left, kar pomeni, da se vsebina premika od desne proti levi. Na smer vplivamo z atributom direction=" ". Vrednost left pomeni premikanje iz desne proti levi, vrednost right premikanje iz leve proti desni, vrednost down premikanje od zgoraj navzdol, vrednost up pa premikanje od spodaj navzgor. HTML primer 5 <html>
<head> </head> <body> <marquee direction="right">Besedilo <img src="/mm_logo.png"></marquee> <marquee direction="down">Besedilo <img src="/mm_logo.png"></marquee> </body> </html> PRIKAZ smeri premikanja 4. Hitrost premikanjaHitrost premikanja lahko nadzirate s pomočjo dveh atributov in sicer scrolldelay=" " in scrollamount=" ". Scrolldelay uporabite, če hočete upočasniti premikanje, Scrollamount pa, če hočete premikanje pospešiti. HTML primer 6 <html>
<head> </head> <body> <marquee scrolldelay="300">Besedilo <img src="/mm_logo.png"></marquee> <marquee scrollamount="30">Besedilo <img src="/mm_logo.png"></marquee> </body> </html>
5. Način premikanjaNačin premikanja nadzirate z atributom behavior=" ". Privzeta vrednost za ta atribut je scroll, kar pomeni, da se bo besedilo prikazalo na eni strani in izginilo na drugi strani. Drugi dve vrednosti sta še slide in alternate. Slide povzroči, da se vsebina vstavi, ko pride do konca. Vrednost alternate povzroči to, da se vsebina odbija od robov in se nikoli ne skrije. HTML primer 7 <html>
<head> </head> <body> <marquee behavior="scroll" width="300">Besedilo <img src="/mm_logo.png"></marquee><br> <marquee behavior="slide" width="300">Besedilo <img src="/mm_logo.png"></marquee><br> <marquee behavior="alternate" width="300">Besedilo <img src="/mm_logo.png"></marquee> </body> </html> PRIKAZ načinov premikanja 6. Število ponavljanjŠtevilo ponavljanj nadziramo s pomočjo atributa loop=" ". V kombinaciji z behavior="alternate" lahko celo določimo, na kateri strani se bo vsebina ustavila. V kombinaciji z behavior="slide" pa se vsebina vedno ustavi na levi strani. HTML primer 8 <html>
<head> </head> <body> <marquee loop="2" width="300">Besedilo <img src="/mm_logo.png"></marquee><br> <marquee loop="2" behavior="alternate" width="300">Besedilo <img src="/mm_logo.png"></marquee><br> <marquee loop="2" behavior="slide" width="300">Besedilo <img src="/mm_logo.png"></marquee> </body> </html> PRIKAZ določenega števila ponavljanja Zaključek: Z oznako marquee lahko zelo popestrite spletno stran, toda če marquee pretirano uporabljate to obiskovalcem ni všeč, zato bodite zmerni. V tem vodiču ste spoznali več ali manj vse, kar morate vedeti o oznaki marquee. Od velikosti, hitrosti, načina premikanja do števila ponavljanj. Upam, da boste ta element pametno uporabljali. |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
