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