Efekt Marquee czyli przewijający się tekst
HTML + CSS Aktualizacja: 22.07.2017

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 (update: 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

To jest efekt marquee, najedź na tekst a zatrzyma się.

Autor: . Tagi: . Źródło obrazek główny: Pixabay.

7
Dodaj komentarz

avatar
4 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
czarxBartosz StefanickiComandeer Recent comment authors

This site uses Akismet to reduce spam. Learn how your comment data is processed.

najnowszy najstarszy oceniany
Comandeer
Gość
Comandeer

@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
Gość
Comandeer

@barteks, mamy XXI w. i trzeba propagować nowoczesne rozwiązania
[code lang="html"]Txt[/code]

Bartosz Stefanicki
Gość

@Comandeer,
specyfikację uznajesz za przestarzałą? Sprawdź chociażby na stronie kursu html: http://www.kurshtml.boo.pl/html/animacja_marquee,multimedia.html

czarx
Gość
czarx

A jak zrobic, żeby marquee było innego koloru, np. czerwonego??

Bartosz Stefanicki
Gość

@Czarx, [code lang="html"]Twój tekst[/code]

Comandeer
Gość
Comandeer

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
Gość

@Comandeer, masz rację - poprawione.