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
Podobne porady
HTML + CSS Prosty skrypt galerii zdjęć z efektem Highslide – wersja 2 HTML + CSS Jak wykryć adblocka? Wyświetlanie informacji w przypadku wykrycia Pozostałe Way Back Machine – jak wyglądały strony kiedyś? PHP + MySQL Komentowanie kodu w PHPAutor:
Bartosz Stefanicki.
Tagi:
html.
Dodaj komentarz
7 komentarzy do "Efekt Marquee czyli przewijający się tekst"
@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
@barteks, mamy XXI w. i trzeba propagować nowoczesne rozwiązania
[code lang="html"]Txt[/code]
@Comandeer,
specyfikację uznajesz za przestarzałą? Sprawdź chociażby na stronie kursu html: http://www.kurshtml.boo.pl/html/animacja_marquee,multimedia.html
A jak zrobic, żeby marquee było innego koloru, np. czerwonego??
@Czarx, [code lang="html"]Twój tekst[/code]
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
@Comandeer, masz rację - poprawione.