„Marquee” változatai közötti eltérés
| [ellenőrzött változat] | [ellenőrzött változat] |
Tartalom törölve Tartalom hozzáadva
Nincs szerkesztési összefoglaló |
a építés alatt le, ref-eknek name adása |
||
1. sor:
[[File:HTML marquee.ogv|thumb|Egy példa a HTML marquee elemre a "Wikipedia" szöveggel]]
5 ⟶ 4 sor:
== Használhatósági problémák ==
A marquee figyelemelvonó lehet.<ref name="usabilityfirst">{{cite web |url=http://www.usabilityfirst.com/glossary/marquee/ |title=Glossary » marquee |work=Usability First |publisher=Foraker |accessdate=2010-03-14 }}</ref> Az emberi szemet vonzza a mozgás<ref>{{cite web |url=http://www.rochestercitynewspaper.com/news/articles/2009/05/ADVERTISING-Study-shows-that-eyes-will-forsake-words-for-movement/ |title=ADVERTISING: Study shows that eyes will forsake words for movement |author=Tim Louis Macaluso |date=2009-05-27 |work=Rochester City Newspaper |accessdate=2010-03-14 }}</ref> és a marquee-s szöveg folyamatosan mozog.
Mint a [[blink (HTML-elem)|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 <code>behavior="alternate"</code>, 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).
24 ⟶ 23 sor:
;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 <code>behavior="slide"</code>-dal). Az alapbeállítás az, hogy végtelen sok alkalommal gördüljön (<code>loop="-1"</code>).
;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.<ref name="
;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 <code>scrolldelay="1000"</code> egy lassú gördülés. Az alapbeállítás a 85 <ref name="
;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.
40 ⟶ 39 sor:
(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 ==
A marquee-t először a [[Microsoft]] [[Internet Explorer]] hozta létre, amely máig is támogatja. A [[Mozilla Firefox|Firefox]], az [[Opera (webböngésző)|Opera]], a [[Google Chrome|Chrome]] és a [[Safari]] webböngészők is támogatják, kompatibilitási okokból. Az elem nem érvényes a [[HTML]]-ben. [[Cascading Style Sheets|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.<ref name="module3">[http://www.w3.org/TR/css3-marquee/ CSS Marquee Module Level 3]</ref> Similar effects can also be achieved through the use of [[JavaScript]].<ref name="remysharp">{{cite web|last=Sharp|first=Remy|title=The Silky Smooth Marquee|url=http://remysharp.com/2008/09/10/the-silky-smooth-marquee/|accessdate=20 July 2005|date=10 September 2008}}</ref>
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 (1.9 óta) és az Internet Explorer (4.0 óta) támogatja.<ref name="mdn">[https://developer.mozilla.org/en/HTML/Element/marquee Mozilla Developer Network]</ref>
| |||