Bizonyára láttál már jártadban-keltedben olyan
reklámot, amelyben valamilyen szöveg mozog. Ezt nevezik fényújságnak. Azt
szeretnénk elérni, hogy a weboldalunkon is legyen ilyen mozgó szöveg.
Nagyon jól jön, ha a mondanivalónkat figyelemfelkeltően, mégis viszonylag
kicsi, behatárolt területen szeretnénk tudatni a látogatókkal. A gportalon
előszerettel használják pl. a legújabb frissítések közlésére vagy a
látogatók üdvözlésére. Az utasítás, amivel megvalósítjuk alkalmas arra is,
hogy képeket (pl. buttonokat) mozgassunk vele.
Mint általában a HTML utasítások, ezt is "kacsacsőrők"
fogják közre és lezáró része is van:
<marquee>...paraméterek ...</marquee>
Lássunk egy példát, amin keresztül megismerheted a paramétereket:
Így néz majd ki:
És a kódja:
Vegyük sorra a paramétereket ill. a beágyazott utasításokat:
style="...."
- a "dobozunk" stílusát határozzuk meg vele
border
- a doboz szegélyének mérete pixelben (1px) ha
nem kell szegély, elhagyható
dashed
- a szegély szaggatott vonal (ez már ismerős a
6. leckéből) elhagyható
lehet még : dotted - pontozott
double - dupla
groove - bevágott
ridge - kiálló
inset - bemélyített
outset - kiálló
#FF0000
- a szegély színe (piros)
elhagyható
font-size
- betüméret pixelben (12px)
scrollamount
- a mozgás sebessége (nagyobb szám=gyorsabb
mozgás)
direction
- a mozgás iránya
left - balra
right - jobbra
up - felfelé
down - lefelé
height
- a doboz magassága pixelben (25)
with
- a doboz szélessége pixelben (400)
Ezzel a paramétereket be is fejeztük, nézzük a beágyazott utasításokat.
(Ezek már ismerősek!)
<p align="center"> </p>
- a szöveg középre igazítása (up ill. down irány
esetén)
<strong>...</strong>
- a szöveg félkövér lesz
<font color="#ffffff>...</font>
- a betük színe, a pontok helyére írd a szöveget
- szóköz (3 db)
ha a mozgás iránya up ill. down, akkor ezek helyére soremelést kell
tenni, kódja: <br>
Nézzünk néhány pédát a kóddal együtt. Ezeket kimásolhatod, majd
alakítsd kedvedre!
Jobbra úszik a szöveg
Felfelé úszik a szöveg
Lefelé úszik a szöveg
Begördül a szöveg
Ha jól megnézed a kódot, egy újabb paraméterrel bővült : behavior="slide"
--> begördülés
Váltakozó a szöveg
A "behavior" paraméter most : behavior="alternate" --> váltakozó
TIPP: Jelöld ki a neked tetsző kódot, majd másold a vágólapra (Ctrl+C)
Ezután klikkelj a kódpróba dobozba és másold be (Ctrl+V) A Megtekintésben
egyből megnézheted. A kódpróba dobozban változtasd a paramétereket, mindig
nézd meg az eredményt. Ha már minden OK, mentsd el magadnak saját
kódodként:))))
KÓDPRÓBA
Jó szórakozást, szerkesztgetést! A következő leckében ugyanezt eljátsszuk
képekkel!