Efekt Marquee czyli przewijający się tekst

Data aktualizacji: 22.04.2024r. Autor: Bartosz Stefanicki.

Efekt Marquee czyli przewijający się tekst

Znacznik blokowy w HTML pozwalający na animację tekstu. Został wprowadzony jako rozszerzenie interpretowane przez przeglądarkę Internet Explorer.

Mimo to wyświetlają go również inne ogólnodostępne przeglądarki, takie jak Opera, Safari czy Mozilla Firefox. Nie był nigdy częścią oficjalnego standardu HTML, nie został też uwzględniony w XHTML-u (aktualizacja: znacznik uwzględniony został w specyfikacji HTML 5). Oprócz tego znacznik może przybrać inne atrybuty charakterystyczne innych znaczników (np. class, style, width, height, hspace, vspace, lang, id).

<marquee direction="left" scrollamount="2" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()">
Przykład działania efektu Marquee. Najedź na niego, a zatrzyma się.
</marquee>

Składnia

  • behavior - tryb przesuwania się tekstu na ekranie (scroll, slide, alternate),
  • bgcolor - kolor tła znacznika,
  • direction - kierunek przesuwania się tekstu (left, right, up, down),
  • loop - ilość powtórzeń,
  • scrollamount=" " - skok o X pikseli,
  • scrolldelay=" " - opóźnienie tekstu,
  • onmouseover="this.stop()" onmouseout="this.start()" - zatrzymanie tekstu, gdy najedzie się na niego myszką,

Przykład działania

Przykład działania efektu Marquee. Najedź na niego, a zatrzyma się.

Kategorie: HTML + CSS. Tagi: #html. Źródło obrazków: Pixabay, Font awesome.

Zobacz także

7 komentarzy

Comandeer
17.12.2010, 14:25
@barteks, akurat zły przykład podałeś ;D Tam pisze wyraźnie, że element nie jest w specyfikacji HTML 4. Odnośnie specyfikacji HTML 5, faktycznie, atrybut istnieje, ale jedynym celem tego atrybutu jest przeparsowanie jego wartości jako koloru i ustawienie właściwości 'background-color' na ten właśnie kolor. Ja zatem mniej męczę przeglądarkę, ponieważ od razu ustawiam tą właściwość ;D
Comandeer
15.12.2010, 21:46
@barteks, mamy XXI w. i trzeba propagować nowoczesne rozwiązania [code lang="html"]<marquee style="background:#f00">Txt</marquee>[/code]
Bartosz Stefanicki
16.12.2010, 17:43
Autor
@Comandeer, specyfikację uznajesz za przestarzałą? Sprawdź chociażby na stronie kursu html: http://www.kurshtml.boo.pl/html/animacja_marquee,multimedia.html
czarx
12.12.2010, 13:38
A jak zrobic, żeby marquee było innego koloru, np. czerwonego??
Bartosz Stefanicki
12.12.2010, 14:20
Autor
@Czarx, [code lang="html"]<marquee bgcolor="kolor">Twój tekst</marquee>[/code]
Comandeer
30.08.2010, 00:42
Należałoby usunąć tą informację o deprecated, bo marquee znalazł się w specyfikacji HTML 5. http://www.w3.org/TR/html5/rendering.html#the-marquee-element-0
Bartosz Stefanicki
30.08.2010, 23:03
Autor
@Comandeer, masz rację - poprawione.