Efekt Marquee czyli przewijający się tekst

Efekt Marquee czyli przewijający się tekst
W kategorii: HTML + CSS. Tagi:

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

Podobne porady

Komentarze (7)

  1. Comandeer pisze:
    29 sierpnia 2010 o 22: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

  2. Bartek pisze:
    30 sierpnia 2010 o 21:03

    @Comandeer, masz rację - poprawione.

  3. czarx pisze:
    12 grudnia 2010 o 12:38

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

  4. Bartek pisze:
    12 grudnia 2010 o 13:20

    @Czarx,

    <marquee bgcolor="kolor">Twój tekst</marquee>
  5. Comandeer pisze:
    15 grudnia 2010 o 20:46

    @barteks, mamy XXI w. i trzeba propagować nowoczesne rozwiązania

    <marquee style="background:#f00">Txt</marquee>
  6. Bartek pisze:
    16 grudnia 2010 o 16:43

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

  7. Comandeer pisze:
    17 grudnia 2010 o 13: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

Dodaj komentarz

Pola w formularzu oznaczone * gwiazdką są wymagane. Jeśli chcesz załączyć kod, wstaw go do odpowiedniego znacznika (do wyboru: php, html, css):
[code lang="php"]<?php ?>[/code]

Imię *
Email * Adres strony
Treść *