Pływający tekst

Efektownym elementem graficznym, akceptowanym przez Internet Explorer, a wprowadzonym przez Microsoft, jest animacja Marquee.
Jest to "pływający" w poprzek ekranu napis.
Animacji można przypisać wiele parametrów, które bardzo urozmaicają zachowanie napisu.

• Minimalna definicja Marquee ma postać <MARQUEE>Tekst animacji</MARQUEE>. Na przykład: Tekst sobie pływa
  Dodatkowe parametry są wstawiane w ramach otwierającego znacznika, tj. <MARQUEE parametr>
  
  
• Tekst może się poruszać na trzy sposoby:
  BEHAVIOR=SCROLL powoduje, że tekst porusza się od jednego brzegu strony w kierunku drugiego, znika za nim i wypływa ponownie zza pierwszego brzegu.
  behavior=scroll
  BEHAVIOR=SLIDE powoduje, że tekst wyrusza od pierwszego brzegu, dociera do drugiego i zatrzymuje się.
  behavior=slide
  BEHAVIOR=ALTERNATE powoduje, że tekst wyrusza od pierwszego brzegu, dociera do drugiego i "odbija się", powracając w kierunku pierwszego.
  behavior=alternate
  
• BGCOLOR=kolor pozwala określić kolor tła, czyli drogi, po której porusza się napis.
  
  Kolor Red
  
  
• Początkowy kierunek ruchu jest określany za pomocą parametru DIRECTION=LEFT lub DIRECTION=RIGHT. Domyślny jest kierunek w lewo.
  
  Ruch w lewo
  Ruch w prawo
  
  
• Fizyczne wymiary drogi są wyznaczone przez parametry HEIGHT=x (wysokość) i WIDTH=y (szerokość). Można je wyrazić w pikselach lub procencie wysokości i szerokości ekranu.

  Wysokość 50 pikseli

  Szerokość 50 procent

• Parametr LOOP=x pozwoli powtórzyć ruch tekstu x razy.
  
  Ten napis przesunie się 20 razy i zatrzyma się
  
  
• Skoro możemy definiować kolor tła animacji, konieczna jest także niekiedy zmiana koloru tekstu animacji, aby uzyskać należny kontrast. Możemy również wprowadzić atrybuty tekstu - pogrubienie, pochylenie lub podkreślenie. Odpowiednie parametry należy wstawiać na zewnątrz definicji MARQUEE.

  Jak wiemy, definicja koloru fragmentu tekstu ma postać <FONT COLOR=kolor> Tekst </FONT>.

  Kilka przykładów:

  Biały tekst na czerwonym tle

  Czerwony tekst na żółtym tle

  Biały, pogrubiony tekst na zielonym tle

  Biały, pochylony tekst na zielonym tle

  Biały, podkreślony tekst na czarnym tle

• Parametr SCROLLAMOUNT=x pozwala określić w pikselach skoki tekstu (ruch odbywa się skokami po x pikseli). Przy niewielkiej wartości ruch jest płynny i wolniejszy, przy dużych - nieco szarpany i szybszy.

  Scrollamount=5

  Scrollamount=30

  Scrollamount=50
  
  

• Parametr SCROLLDELAY=y pozwala określić w milisekundach odstępy czasowe między kolejnymi skokami. 1000 = 1 sekunda.

  Scrolldelay=500 - skok co 0,5 sekundy

  Scrolldelay=2000 - skok co 2 sekundy o 50 pikseli