Lekcja nr 10 – Grafika – Animacja Marquee

Słabo.Takie sobieŚrednieFajneSuper (10 votes, average: 4,00 out of 5)
Loading...

Animacja Marquee jest interpretowana jedynie przez Microsoft Internet Explorer. Efektownym elementem graficznym 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 >.

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=SLIDE powoduje, że tekst wyrusza od pierwszego brzegu, dociera do drugiego i zatrzymuje się.

BEHAVIOR=ALTERNATE powoduje, że tekst wyrusza od pierwszego brzegu, dociera do drugiego i „odbija się”, powracając w kierunku pierwszego.

BGCOLOR=kolor pozwala określić kolor tła, czyli drogi, po której porusza się napis.

Początkowy kierunek ruchu jest określany za pomocą parametru DIRECTION=LEFT lub DIRECTION=RIGHT. Domyślny jest kierunek w lewo.

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.

Parametr LOOP=x pozwoli powtórzyć ruch tekstu x razy.

Parametry HSPACE=x i VSPACE=y pozwalają określić odległość pola animacji w poziomie i/lub w pionie od sąsiadujących elementów, np. tekstu.

Możemy również zmienić kolor tekstu animacji, atrybuty tekstu – pogrubienie itp. Odpowiednie parametry należy wstawiać na zewnątrz definicji MARQUEE.

I pare uwag na sam koniec:
– W polu animacji można wstawić więcej spacji, w przeciwieństwie do zwykłego tekstu.
– Pola animacji można bezpośrednio ze sobą łączyć.
– Parametr SCROLLAMOUNT=x pozwala określić w pikselach skoki tekstu (ruch odbywa się skokami po x pikseli).
– Parametr SCROLLDELAY=y pozwala określić w milisekundach odstępy czasowe między kolejnymi skokami. 1000 = 1 sekunda.

——————————————————————————————————-
Przy tworzeniu kursu korzystałem min. z http://webmaster.helion.pl/kurshtml/