Efekt Marquee czyli przewijający się tekst

Efekt Marquee czyli przewijający się tekst

HTML + CSS Data aktualizacji: 15.12.2019

Efekt Marquee czyli przewijający się tekst

Marquee to 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ę.

Autor: Bartosz Stefanicki. Data publikacji: 03.05.2010. Tagi: html. Źródło obrazka porady: Pixabay.

Ranking hostingów 2020

Komentarze