Animacja MARQUEE

1. Zwykła animacja MARQUEE

   <marquee>Tu wpisz tekst</marquee>

   
   

   Przykład

   To jest zwykła animacja MARQUEE
   
2. Animacja MARQUEE określonego typu

   <marquee behavior="typ">Tu wpisz tekst</marquee>

   
   
   Gdzie jako "typ"należy wstawić:
   
   
   • "scroll" - tekst przesuwa się od prawej do lewej (domyślnie)
   • "alternate" - tekst przesuwa się od prawej do lewej, a następnie "odbija się" i powraca
   • "slide" - tekst przesunie się od prawej do lewej tylko raz, a następnie się zatrzyma i pozostanie nieruchomy

   Przykład

   To jest zwykła animacja MARQUEE

   
   

   To jest animacja MARQUEE typu alternate

   
   

   To jest animacja MARQUEE typu slide

   
   
3. Animacja MARQUEE o określonym kierunku przesuwania

   <marquee direction="kierunek">Tu wpisz tekst</marquee>

   
   
   Gdzie jako "kierunek"należy wstawić:
   
   
   • "left" - tekst przesuwa się w lewo (domyślnie)
   • "right" - tekst przesuwa się w prawo
   • "up" - tekst przesunie się do góry
   • "down" - tekst przesunie się do dołu

   Przykład

   To jest animacja MARQUEE przesuwająca się w lewo

   
   

   To jest animacja MARQUEE przesuwająca się w prawo

   
   

   To jest animacja MARQUEE przesuwająca się do góry

   
   

   To jest animacja MARQUEE przesuwająca się do dołu

   
   
4. Animacja MARQUEE o określonym kolorze tła

   <marquee bgcolor="kolor">Tu wpisz tekst</marquee>

   
   

   To jest animacja MARQUEE z tłem w kolorze

   
   
5. Animacja MARQUEE o określonych rozmiarach

   <marquee width="szerokość" height="wysokość">Tu wpisz tekst</marquee>

   
   

   To jest animacja MARQUEE o szerokości 500 pikseli i wysokości 30 pikseli

   
   
6. Animacja MARQUEE o określonej odległości od tekstu

   <marquee hspace="poziom" vspace="pion">Tu wpisz tekst</marquee>

   
   

   To jest animacja MARQUEE o odległości od krawędzi w poziomie = 50 pikseli i pionie 20 pikseli

   
   
7. Animacja MARQUEE o określonej ilości powtórzeń

   <marquee loop="ilość powtórzeń" >Tu wpisz tekst</marquee>

   
   

   To jest animacja MARQUEE o określonej ilości powtórzeń np. x20

   
   
8. Animacja MARQUEE o określonej szybkości przesuwania się tekstu

   <marquee scrollamount="szybkość przesuwania w pikselach " >Tu wpisz tekst</marquee>

   
   lub
   

   <marquee scrolldelay="szybkość przesuwania w milisekundach" >Tu wpisz tekst</marquee>

   
   lub
   

   <marquee truespeeed="truespeeed" scrolldelay="szybkość przesuwania w milisekundach" >Tu wpisz tekst</marquee>

   
   

   Atrybut scrollamount="..." określa, o ile pikseli ma "przeskoczyć" tekst podczas jednego kroku animacji, natomiast scrolldelay="..." pozwala ustalić odstęp czasu pomiędzy tymi skokami. Łącząc oba parametry, mamy możliwość pełnej kontroli płynności ruchu (scrollamount) oraz jego szybkości (scrolldelay). Mniejsze wartości scrollamount="...", to mniej szarpany ruch, natomiast niższe scrolldelay="...", to szybsza animacja.

   W ostatnim przypadku podanie atrybutu logicznego truespeed="truespeed" (nie obsługuje MSIE 3.01) spowoduje, że wartość scrolldelay="..." będzie ściśle określała prędkość przesuwania. Bez tego atrybutu wszystkie wartości mniejsze lub równe 59 (milisekund), są automatycznie zaokrąglane w górę do 60 (czyli wpisanie: 5, 30 czy 60 da taki sam efekt). Atrybut truespeed="truespeed" jest zatem przydatny dla SCROLLDELAY < 60. Jeśli chcemy określić SCROLLDELAY > 59, podawanie atrybutu truespeed="truespeed" nie ma sensu (chociaż oczywiście można to zrobić)

   scrollamount="10"

   
   

   scrolldelay="10"

   
   

   truespeed="truespeed" scrolldelay="40"