Marquee element - Biblioteka.sk

Upozornenie: Prezeranie týchto stránok je určené len pre návštevníkov nad 18 rokov!
Zásady ochrany osobných údajov.
Používaním tohto webu súhlasíte s uchovávaním cookies, ktoré slúžia na poskytovanie služieb, nastavenie reklám a analýzu návštevnosti. OK, súhlasím


Panta Rhei Doprava Zadarmo
...
...


A | B | C | D | E | F | G | H | CH | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9

Marquee element
 ...
A video of an HTML marquee displaying the text "Wikipedia".

The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically. The tag was first introduced in early versions of Microsoft's Internet Explorer, and was compared to Netscape's blink element, as a proprietary non-standard extension to the HTML standard with usability problems. The W3C advises against its use in HTML documents.

Usability problems

Marquee can be distracting.[1] The human eye is attracted to movement,[2] and marquee text is constantly moving.

As with the blink element, marquee-tagged images or text are not always completely visible on rendered pages, making printing such pages an inefficient (if not impossible) task; typically multiple attempts are required to capture all text that could be displayed where messages scroll or blink. The behavior="alternate" version of marquee makes text jitter back and forth but does not obscure any part of it if scrolling widths are set correctly.

Because marquee text moves, links within it are more difficult to click than those in static text, depending on the speed and length of the scrolling. Users only get one chance every time it scrolls past. Also, scrolling text too fast can make it unreadable to some people, particularly those with visual impairments. This can easily frustrate users. To combat this, client-side scripting allows marquees to be programmed to stop when the mouse is over them.

Attributes

Marquee

Example of marquee text (accomplished via CSS; the <marquee> tag itself is deprecated and no longer works in most browsers)

Unlike its blinking counterpart, the marquee element has several attributes that can be used to control and adjust the appearance of the marquee.

Align
Uses the same syntax as the img element.
Behavior
Allows the user to set the behavior of the marquee to one of three different types:
  • Scroll (default) – Scrolls the text from right-to-left, and restarts at the right side of the marquee when it has reached the left side. Text disappears when looping finishes.
  • Slide – When used in absence of the 'Behavior' attribute, contents to be scrolled will slide the entire length of marquee but stops the moment it hits the end, so that the contents will be displayed. But if it is used with attribute 'Behavior' then the attribute 'Slide' will be ignored.

Loops are counted by each time it reaches each end of the marquee; a loop of 1 is different from 'Slide' attribute. when item is being scrolled with 'Slide' attribute, item will stop permanently at the end of length of the marquee, displaying the entire item. However, when an item is being scrolled without a 'Loop' attribute, the number of scrolls will be repeated according to what number 'Loop' is equal to. If 'Loop=1' then item will scroll only once and will exit the length of marquee completely, while the item being scrolled will stop would be the same as 'Slide'. By default, 'Loop=infinite' so it is not needed to code the attribute 'Loop' if you want a non-stop scroll. Note: 'Loop' will be ignored if attribute 'Behavior' is coded. Also, if 'Behavior=Alternate' and 'Loop=2' then item will go from beginning of the Marquee to the end and back to the beginning, counting a round trip as 2 loops.

  • Alternate- Scrolls the text from right-to-left & goes back left-to-right.
Bgcolor
Sets the background color of the marquee.
Direction
Sets the direction of the marquee box. Values are left, right, up, down where the value indicates the direction of travel. Direction=left therefore moves the text from right to left on the screen.
Width
This sets how wide the marquee should be.
Loop
This sets how many times the marquee should 'Loop' its text. Each trip counts as one loop.
Scrollamount
This is how many pixels the text moves between 'frames'. So scrollamount=1 gives the slowest scroll speed.
Scrolldelay
This sets the amount of time, in milliseconds, between 'frames', much like watching a replay of a video where every frame of the video would be paused for x number of milliseconds. 'Scrolldelay=1000' means a slow motion where every frame lasts one thousand milliseconds or one second.

A marquee element can contain arbitrary HTML, so in addition to text it could move one or more images, movie clips, or animated GIFs.

Implementation

The marquee tag has been deprecated in most browsers, but the same behavior can still be implemented with Cascading Style Sheets, like this:

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.marquee-container {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    animation: marquee 10s linear infinite;
}

.marquee-content {
    display: inline-block;
}

The animation, marquee, is defined by its @keyframes to be a simple translation from right to left; it would be possible to reverse the animation by inverting it (from -100% to 100%, for example). The 10s can also be modified to alter its output.

The style can then be invoked in HTML:

<div class="marquee-container"><div class="marquee-content">The freakin' geese are on the lease!</div></div>
The freakin' geese are on the lease!

Compliance

The marquee element was first invented for Microsoft's Internet Explorer and is supported by it. Firefox, Chrome and Safari web browsers support it for compatibility with legacy pages. The element is non-compliant HTML. CSS properties were proposed to achieve the same effect as specified in the Marquee Module Level 3, which was abandoned without implementation in 2014.[3] Similar effects can also be achieved through the use of JavaScript,[4] or CSS3 animations.[5]

References

  1. ^ "Glossary » marquee". Usability First. Foraker. Retrieved 2010-03-14.
  2. ^ Tim Louis Macaluso (2009-05-27). "Study shows that eyes will forsake words for movement". Rochester City Newspaper. Archived from the original on 2009-06-01. Retrieved 2010-03-14.
  3. ^ CSS Marquee Module Level 3
  4. ^ Sharp, Remy (10 September 2008). "The Silky Smooth Marquee". Retrieved 20 July 2005.
  5. ^ liMarquee - alternative marquee jQuery plugin. Creates horizontal or vertical marquee for text, images, goods, banners or logos
Zdroj:https://en.wikipedia.org?pojem=Marquee_element
Text je dostupný za podmienok Creative Commons Attribution/Share-Alike License 3.0 Unported; prípadne za ďalších podmienok. Podrobnejšie informácie nájdete na stránke Podmienky použitia.


Úmrtí v roce 2022
Číňané
Časová osa ruské invaze na Ukrajinu (2022)
Černá Hora
Česká terminologická databáze knihovnictví a informační vědy
Česká verze Wikipedie
Česká Wikipedie
České vysoké učení technické v Praze
Československá armáda
Československá národní rada
Československo
Ču Jou-sung
Říše Čching
Říše Ming
Řím
Šablona:Citation
Šablona:Cite web
1. duben
1. květen
1. září
10. duben
10. prosinec
11. duben
12. duben
12. květen
13. červen
13. duben
14. duben
14. srpen
1488
15. červen
15. duben
15. květen
15. září
1523
1555
1584
1585
16. duben
16. leden
1619
1651
1652
1661
1671
1673
1674
1677
17. březen
17. duben
1706
1711
1717
1719
1729
1730
1735
1742
1752
1757
1763
1767
1774
1776
1782
1783
1784
1785
1790
1796
18. únor
18. duben
18. leden
1805
1811
1814
1816
1818
1822
1828
1829
1837
1838
1849
1852
1855
1862
1864
1868
1870
1871
1876
1878
1880
1882
1885
1886
1891
1892
1893
1895
19. duben
19. listopad
1900
1904
1906
1907
1910
1912
1913
1917
1918
1919
1920
1921
1922
1924
1926
1929
1930
1933
1935
1936
1940
1942
1945
1946
1947
1949
1950
1952
1953
1958
1960
1965
1973
1976
1977
1985
1987
1989
1990
1992
1995
2. červen
2. duben
2. květen
20. duben
2000
2001
2002
2003
2005
2008
2010
2012
2015
2017
2019
2020
2023
21. červen
21. červenec
21. březen
22. duben
23. duben
24. březen
24. duben
24. listopad
24. prosinec
25. duben
25. prosinec
26. duben
27. duben
28. duben
29. únor
29. březen
29. duben
29. srpen
3. únor
3. duben
30. duben
31. červenec
31. březen
31. prosinec
4. říjen
4. duben
4. květen
43 př. n. l.
5. říjen
5. březen
5. duben
5. květen
6. duben
7. duben
753 př. n. l.
8. duben
8. listopad
9. říjen
9. duben
9. září

ActiveX
Alžběta II.
Alžběta Vilemína Württemberská
Alexandra
Alt attribute
Amálie Vilemína Brunšvicko-Lüneburská
Andie MacDowell
Anthony Quinn
Antonín Kammel
Antonín Novák (houslista)
API
Apple
Apple II
Armáda Spojených států amerických
Article element
Autoritní kontrola
Azovstal
Březen
Bedřich Beneš Buchlovan
Benutzer:Kurt Jansson/Vortrag auf dem 19C3
Benutzer:Kurt Jansson/Vortrag auf dem 19C3
  • Möller, Erik (
    
    BiggestWiki
    Bitva o Madagaskar
    Bitva o Mariupol
    Bitva u Liberce
    Bitva u Mutiny
    Bitva u Puebly
    Blink element
    Bořivoj Lůžek
    Bob Hurikán
    Bologna
    Bracket#Angle brackets
    Brasília
    Brazílie
    Britská armáda
    Browser engine
    Browser Object Model
    Bzenecká lípa
    Cache (computing)
    CamelCase
    Canvas element
    Cascading Style Sheets
    Character encodings in HTML
    Charles-Joseph de Flahaut
    Charles Darwin
    Charlotte Brontëová
    Chu Čeng-jen
    Commons:Featured pictures/cs
    Comparison of browser engines
    Comparison of document markup languages
    Comparison of stylesheet languages
    CSS
    CSS#Sources
    CSS animations
    CSS box model
    CSS Flexible Box Layout
    CSS grid layout
    CSS image replacement
    CSS Zen Garden
    Diff
    Digital container format
    Div and span
    Document file format
    Document Object Model
    Document Style Semantics and Specification Language
    DokuWiki
    Doněcké akademické oblastní činoherní divadlo
    Druhá světová válka
    Duben
    Dynamic HTML
    Dynastie Jižní Ming
    Edita Štaubertová
    Ekonomické důsledky ruské invaze na Ukrajinu (2022)
    Emilia Galotti
    Emmanuel Macron
    Encyclopædia Britannica
    Encyklopedie
    Encyklopedie Navajo
    Evoluce
    Fantasy
    Fault-tolerant system
    Ferdinand Peroutka
    Fieldset
    File:HTML5 logo and wordmark.svg
    File:Question book-new.svg
    File:Wikibooks-logo.svg
    Filename extension
    Filmová promítačka
    First-person shooter
    Font family (HTML)
    Formatting Output Specification Instance
    Frame (World Wide Web)
    François Athanase de Charette de la Contrie
    Francie
    Francouzská armáda
    Francouzská intervence v Mexiku
    Francouzská národní knihovna
    František Ferdinand Šamberk
    František Suchý Pražský
    Fredrik Bajer
    Friedrich Fröbel
    Gemeinsame Normdatei
    Georg Joseph Kamel
    Glen Hansard
    Gotthold Ephraim Lessing
    Gregoriánský kalendář
    Guy Lafleur
    Hannibal Goodwin
    Havajština
    Help:HTML in wikitext
    Help:Maintenance template removal
    Help:Referencing for beginners
    Hippolyte Taine
    Hlavní strana
    Hnutí Svoboda (Slovinsko)
    Holy grail (web design)
    Honolulu
    Hospodářský růst
    HTML
    HTML5
    HTML5 audio
    HTML5 video
    HTML attribute
    HTML editor
    HTML element
    HTML element#Images and objects
    HTML elements
    HTM (disambiguation)
    Humphry Repton
    Hyperlink
    Hypertext
    HyperText Markup Language
    Iggy Pop
    Ignacio Zaragoza
    Ignatius Krahl
    Ingenuity
    International Standard Book Number
    Internetová diskuse
    Internetový bot
    Internet Explorer
    IP adresa
    Isaac Asimov
    Itálie
    Ivan Petrovič Kulibin
    Janez Janša
    Jan Štrobl
    Jan Kostrhun
    Jan Pavel II.
    Jan van Riebeeck
    Jarmila Stojčevská
    Jaroslav Hýbl
    Jaroslav Hutka
    Jaroslav Kvapil (skladatel)
    JavaScript
    JavaScript Style Sheets
    Jean-Baptiste Biot
    Jiří Čepelák
    Jiří Hrubeš
    Jiřina Šedinová
    Johann Christian Ferdinand Höfer
    John Law
    Josef I. Habsburský
    Joseph Vaz
    Jozef Herda
    Judita Čeřovská
    Kaligrafie
    Kapské Město
    Karel Balling (chemik)
    Karel Pippich
    Karlštejn
    Kategorie:Čas
    Kategorie:Články podle témat
    Kategorie:Život
    Kategorie:Dorozumívání
    Kategorie:Geografie
    Kategorie:Historie
    Kategorie:Hlavní kategorie
    Kategorie:Informace
    Kategorie:Kultura
    Kategorie:Lidé
    Kategorie:Matematika
    Kategorie:Příroda
    Kategorie:Politika
    Kategorie:Právo
    Kategorie:Rekordy
    Kategorie:Seznamy
    Kategorie:Společnost
    Kategorie:Sport
    Kategorie:Technika
    Kategorie:Umění
    Kategorie:Věda
    Kategorie:Vojenství
    Kategorie:Vzdělávání
    Kategorie:Zdravotnictví
    Klaus Schulze
    Kuo-c’-ťien
    Květen
    Ladislav Koubek
    Ladislav Pavelka
    Language code
    Lee de Forest
    Leopold Antonín Podstatský
    Less (stylesheet language)
    Less (style sheet language)
    Library of Congress Control Number
    Lidé a země
    Listopad
    List of style sheet languages
    List of XML and HTML character entity references
    Lodovico Carracci
    Louis-Auguste Bisson
    Lynx (browser)
    Madagaskar
    Maia Sanduová
    Manuel Estiarte
    Marcus Antonius
    Maria Anna Sala
    Mariupol
    Markup (computer programming)
    Markup language
    Marquee element
    Meda Mládková
    MediaWiki
    Media type
    Metapedie
    Meta element
    Mezinárodní měnový fond
    Michel Rolle
    Miloš Zeman
    Mittelbau-Dora
    Moldavsko
    Mozilla Firefox
    Mwai Kibaki
    Nápověda:Úvod
    Nápověda:Úvod pro nováčky
  • Nápověda:Obsah
    Národní knihovna České republiky
    Národní knihovna Izraele
    Návrhový vzor
    Nadace Wikimedia
    Nanking
    Necyklopedie
    Nikola Buranská
    Norbert Frýd
    Nosticovo divadlo
    Nupedia
    Odbory
    Olbram Zoubek
    Open file format
    Opera (web browser)
    Osecký klášter
    Otevřený software
    Oxford English Dictionary
    Pandemie covidu-19
    Pandemie covidu-19 v Česku
    Partyzán
    Paul Karrer
    Pavel Zářecký
    Pavol Mešťan
    Pečeť
    Perseverance
    Petr Nečas
    Petr Pokorný (teolog)
    Petr Rak
    Plnotext
    Plugin
    Podněstří
    Polsko
    Portál:Aktuality
    Portál:Doprava
    Portál:Geografie
    Portál:Historie
    Portál:Kultura
    Portál:Lidé
    Portál:Náboženství
    Portál:Obsah
    Portál:Příroda
    Portál:Sport
    PostCSS
    Praha
    Pravda (noviny)
    Prezident
    Programovací jazyk
    Q171#identifiers
    Q171#identifiers&#124;Editovat na Wikidatech
    Qt (software)
    Quirks mode
    Radim Uzel
    Refreshable Braille display
    Responsive web design
    Rio de Janeiro
    Robert Fico
    Robert Golob
    Robert Kaliňák
    Robert Saudek
    Robert Smith (hudebník)
    Ruská invaze na Ukrajinu (2022)
    Rusko
    Sýrie
    Safari (web browser)
    Sass (stylesheet language)
    Sass (style sheet language)
    Scripting language
    Sedmiletá válka
    Semantics
    Semantic Web
    Separation of concerns
    Separation of content and presentation
    Seznam českých wiki encyklopedií
    Slávka Budínová
    Slovenska demokratska stranka
    Slovensko
    Slovinsko
    SMIL Timesheets
    Sociální software
    Software
    Software release life cycle
    Soubor:Andie MacDowell Cannes.jpg
    Soubor:Anthony Quinn signed.JPG
    Soubor:Apple-II.jpg
    Soubor:Flag of Mars.svg
    Soubor:GlenHansard.jpg
    Soubor:HNL Wiki Wiki Bus.jpg
    Soubor:Hutka.simecek.jpg
    Soubor:IggyChesterRocks.jpg
    Soubor:Manel Estiarte (Diada de Sant Jordi 2009).jpg
    Soubor:Olbram-Zoubek.jpg
    Soubor:Paul Karrer.jpg
    Soubor:Persimmon and Three Yellow Tangerines.jpg
    Soubor:Queen Elizabeth II March 2015.jpg
    Soubor:Robert Smith of The Cure live in Singapore 1 August 2007.jpg
    Speciální:Kategorie
    Speciální:Nové stránky
    Speciální:Statistika
    Speciální:Zdroje knih/0-201-71499-X
    Speciální:Zdroje knih/2-9520514-4-5
    Speciální:Zdroje knih/9781448855575
    Spojené státy americké
    Standard Generalized Markup Language
    Strojový překlad
    Structured document
    Stuttgart
    Style sheet (desktop publishing)
    Style sheet (web development)
    Style sheet language
    Stylish
    Stylus (browser extension)
    Stylus (stylesheet language)
    Stylus (style sheet language)
    Světová ekonomika
    Třída T 47
    Tableless web design
    Template:CSS
    Template:HTML
    Template:Stylesheet languages
    Template talk:CSS
    Template talk:HTML
    Template talk:Stylesheet languages
    Teroristické útoky na Srí Lance 21. dubna 2019
    Theodor Kašpárek
    Tiskař
    Turecko
    TWiki
    Type code
    Ukrajina
    Ulrich von Hutten
    Unicode and HTML
    Uniform Type Identifier
    UseModWiki
    User agent
    User interface style sheet language
    Václav Cigler
    Vídeň
    Věra Nerušilová
    V-2
    Vannevar Bush
    Vichistická Francie
    Viktor Janiš
    Viktor Zvjahincev
    Vláda Černé Hory
    Vladimír Hulpach
    Vlasta Prachatická
    Vojtěch Říhovský
    Volby prezidenta Francie 2022
    Vzdušný prostor
    W3C Markup Validation Service
    Ward Cunningham
    Web3D
    WebCL
    WebGL
    WebGPU
    Webový prohlížeč
    Webpage
    WebXR
    Web browser
    Web colors
    Web content
    Web design
    Web page
    Web server
    Web storage
    WHATWG
    Wiki
    Wikicitáty:Hlavní strana
    Wikidata:Hlavní strana
    Wikiknihy:Hlavní strana
    Wikimedia Česká republika
    Wikimedia Commons
    Wikipedia:Verifiability
    Wikipedie
    Wikipedie:Údržba
    Wikipedie:Časté chyby
    Wikipedie:Často kladené otázky
    Wikipedie:Článek týdne
    Wikipedie:Článek týdne/2022
    Wikipedie:Citování Wikipedie
    Wikipedie:Dobré články
    Wikipedie:Dobré články#Portály
    Wikipedie:Kontakt
    Wikipedie:Nejlepší články
    Wikipedie:Obrázek týdne
    Wikipedie:Obrázek týdne/2022
    Wikipedie:Požadované články
    Wikipedie:Pod lípou
    Wikipedie:Portál Wikipedie
    Wikipedie:Potřebuji pomoc
    Wikipedie:Průvodce
    Wikipedie:Seznam jazyků Wikipedie
    Wikipedie:Velvyslanectví
    Wikipedie:Vybraná výročí dne/květen
    Wikipedie:WikiProjekt Kvalita/Články k rozšíření
    Wikipedie:Zajímavosti
    Wikipedie:Zajímavosti/2022
    Wikipedie:Zdroje informací
    WikiSkripta
    Wikislovník:Hlavní strana
    Wikiverzita:Hlavní strana
    Wikizdroje:Hlavní strana
    Wikizprávy:Hlavní strana
    Wiki (rozcestník)
    Wiki Wiki Shuttle
    Wolfenstein 3D
    World Wide Web
    World Wide Web Consortium
    WYSIWYG
    XHTML
    XHTML Basic
    XHTML Mobile Profile
    XSL
    XSLT
    Zdeněk Fiala
    Značkovací jazyk
    Zvukový film




    Text je dostupný za podmienok Creative Commons Attribution/Share-Alike License 3.0 Unported; prípadne za ďalších podmienok.
    Podrobnejšie informácie nájdete na stránke Podmienky použitia.

    Your browser doesn’t support the object tag.

    www.astronomia.sk | www.biologia.sk | www.botanika.sk | www.dejiny.sk | www.economy.sk | www.elektrotechnika.sk | www.estetika.sk | www.farmakologia.sk | www.filozofia.sk | Fyzika | www.futurologia.sk | www.genetika.sk | www.chemia.sk | www.lingvistika.sk | www.politologia.sk | www.psychologia.sk | www.sexuologia.sk | www.sociologia.sk | www.veda.sk I www.zoologia.sk