Marquee

A Wikipédiából, a szabad enciklopédiából
Egy példa a HTML marquee elemre a "Wikipedia" szöveggel

A marquee elem egy nem standard HTML elem, amelynek hatására balra, jobbra, felfele vagy lefele úszik a képernyőn a tartalma. A címkét eleinte a Microsoft Internet Explorer korai verziói vezették be és a Netscape-féle blink elemhez hasonlították, mivel mindkettő a HTML egy nem standard kiegészítése használhatósági problémákkal. A W3C elavultnak minősítette és nem ajánlja használatát bármilyen HTML dokumentumban.

Használhatósági problémák[szerkesztés | forrásszöveg szerkesztése]

A marquee figyelemelvonó lehet.[1] Az emberi szemet vonzza a mozgás[2] és a marquee-s szöveg folyamatosan mozog.

Mint a blink elemre, erre is igaz, hogy mivel a marquee-val ellátott szövegek nem láthatóak mindig, az ilyen weboldalak kinyomtatását ez lehetetlenné teszi vagy megnehezíti és kevéssé hatékonnyá teszi, mivel a villogó vagy mozgó szöveget tartalmazó weboldalaknál a weboldalt többször ki kell nyomtatni ahhoz, hogy minden szöveg megjelenjen egy adott pillanatban. A probléma megoldásához a weboldalak dizájnerei olyan címkéket vagy eljárásokat használnak, amely úgy mozgatja a szöveget vagy képet, hogy az mindig látható marad (hasonlóan a marquee behavior="alternate", amely csak mozgatja oda-vissza a szöveget, ám amennyiben a mozgás "szélessége helyesen be lett állítva, nem takar el belőle semmit vagy pedig a blink használatához kizárólag a figyelemfelhívó, ám nem lényeges vagy pedig kontextus alapján megérthető,szövegre, például a villogó ÚJDONSÁG! feliratra egy új lapnál).

Mivel a marquee-s szöveg mozog, a benne levő linkek nehezebben kattinthatóak, mint a statikus szövegben találhatók, a gördülés sebességétől és hosszától függően. A felhasználók mindig egy alkalmat kapnak, amikor továbbgördül. Ez könnyedén idegesítheti a felhasználókat. Ez ellen a kliensoldali szkripteléssel megoldható, hogy a mozgás megálljon, ha az egér a szöveg felett van (általánosságban egy egyszerű onmouseover="this.stop();" paranccsal). A jó dizájn a linkeket és a fontos információkat a gördülő szövegen kívül tartja, esetleg valahova az oldalon elhelyez egy statikus, mindig megjelenő másolatot róluk és a linkekkel rendelkező mozgó szövegeket (mint az oldalon vagy másutt általánosságban található hírfrissítéseket) röviddé teszi (legfeljebb 2 vagy 3 virtuális képernyőhosszúság, 10-es sebességen), aminek hatására gyorsan ismétlődnek. Továbbá a gyorsan gördülő szövegek néhány ember - különösen a gyengénlátók - számára nehezebben olvashatók. Az alapbeállításnál gyorsabb szövegek kerülendők az olvasható tartalom megjelenítése érdekében. Számos jogos ok lehet a marquee címke használatára és kihagyására is. A weboldalak készítőinek érezniük kell, hogy melyik helyzet áll fenn az adott esetben.

Attribútumok[szerkesztés | forrásszöveg szerkesztése]

A blink elemmel ellentétben a marquee számos HTML attribútumot kaphat.

align
ugyanazt a szintaxist használja, mint az img HTML-elem.
behavior
Megengedi a felhasználónak a marquee elem viselkedésének állítását, három módon:
  • scroll (alapbeállítás) – a szöveget a megadott irányba (alapesetben jobbról balra) gördíti és a kezdőirányban (alap esetben jobb) újra kezdi a görítést, ha a szöveg elérte a másik oldalt. A szöveg eltűnik, ha a loop értéket eléri az újrakezdések száma.
  • slide – Amennyiben a felhasználó nem adta meg a behavior attribútumot vagy scroll-ra állította, abban az esetben a szöveg mozog a megadott irányba, majd újrakezdi. Amennyiben a behavior slide-ra lett állítva, abban az esetben a megadott irány végének elérésekor a szöveg leáll.
  • alternate- A szöveget a megadott iránbya gördíti, majd a végének elérésekor megfordítja az irányt
bgcolor
A marquee háttérszínét állítja be.
direction
Megadja, hogy melyik irányba gördüljön a szöveg. A lehetséges értékek left (balra), right (jobbra), up (fel), down (le). Ebből következően tehát például a direction="left" eredményeképp a szöveg jobbról balra gördül (alapbeállítás).
height
beállítja a magasságát a marquee elemnek. Megadható pixelekben vagy százalékban
hspace
a marquee elem vízszintes margóját állítja be
loop
Beállítja, hogy a marquee elemben a gördülés hány alkalommal történjen meg. Minden egyes teljes gördülés egy alkalomnak számít, így tehát a loop=1 esetében például 1 alkalommal gördül a szöveg, majd leáll (ez megegyezik a behavior="slide"-dal). Az alapbeállítás az, hogy végtelen sok alkalommal gördüljön (loop="-1").
scrollamount
Beállítja, hogy minden egyes intervallum ("képkocka") alatt mennyit gördüljön pixelben. Tehát a scrollamount=1 a leglassabb gördülés. Az alapbeállítás 6.[3]
scrolldelay
Beállítja, hogy hány milliszekundumonként gördüljön. Leginkább olyan, mint egy videó nézése, ahol minden egyes képkockát x másodpercig hagynak a képen. Így tehát a scrolldelay="1000" egy lassú gördülés. Az alapbeállítás a 85 [3], továbbá a 60-nál kisebb értékek 60-ra állítódnak, a truespeed beállítás hiánya esetén.
truespeed
ha be van állítva, a scrolldelay 60-nál kisebb értékei is a valódi értékükkel szerepelnek a 60 helyett.
vspace
a marquee elem függőleges margóját állítja be.
width
beállítja a szélességét a marquee elemnek. Megadható pixelekben vagy százalékban.

Van három, marquee-hoz tartozó esemény is:

onbounce
csak behavior="alternate" esetén használható, a szöveg visszapattanásakor történik meg.
onfinish
a maruqee gördülésének végét jelzi. Csak a loop 0-nál nagyobb értékeinél használható.
onstart
a marquee gördülésének elindulását jelzi.

Két marquee-specifikus eljárás:

start
elkezdi görgetni a marquee-t
stop
befejezi a marquee görgetését

(Megjegyzendő, hogy a marquee nem csak szövegeket, hanem egyéb tartalmat, például képeket, akár animált GIFeket is tartalmazhat.)

Kompatibilitás[szerkesztés | forrásszöveg szerkesztése]

A marquee-t először a Microsoft Internet Explorer vezette be, és máig is támogatja. A Firefox, az Opera, a Chrome és a Safari webböngészők is támogatják, kompatibilitási okokból. Az elem nem érvényes a HTML-ben. CSS beállításokat használhatnak a marquee-val egyező effektek eléréséhez, a Marquee Module Level 3 specifikációja alapján.[4] Hasonló hatás elérhető továbbá JavaScript használatával is.[5]

A marquee alapvető funkcióit mind az öt fenti böngésző, továbbá a Firefox mobilos verziója is régóta támogatja. A truespeed értéket csak a Firefox (a 3.0-s verzió óta, azaz a Gecko böngészőmotor 1.9-es verziója óta) és az Internet Explorer (a 4.0-s verzió óta) támogatja.[6]

Források[szerkesztés | forrásszöveg szerkesztése]

  • Ez a szócikk részben vagy egészben a Marquee element című angol Wikipédia-szócikk fordításán alapul. Az eredeti cikk szerkesztőit annak laptörténete sorolja fel.
  • Mozilla Developer Network

Lásd még[szerkesztés | forrásszöveg szerkesztése]

Jegyzetek[szerkesztés | forrásszöveg szerkesztése]

  1. Glossary » marquee. Usability First. Foraker. (Hozzáférés: 2010. március 14.)
  2. Tim Louis Macaluso: ADVERTISING: Study shows that eyes will forsake words for movement. Rochester City Newspaper, 2009. május 27. (Hozzáférés: 2010. március 14.)
  3. ^ a b A WhatWG az elavult elemekről
  4. CSS Marquee Module Level 3
  5. Sharp, Remy: The Silky Smooth Marquee, 2008. szeptember 10. (Hozzáférés: 2005. július 20.)
  6. Mozilla Developer Network