background image

 

 

Animacja MARQUEE 

Polecenie MARQUEE nie wchodzi w skład 
specyfikacji HTML 4.01 i jest rozszerzeniem 
przeglądarki Internet Explorer! 
Polecenie umożliwia wstawianie animacji 
tekstu i grafiki na stronie.
Podstawowy zapis w postaci: 
<marquee>tekst</marquee> spowoduje 
przesunięcie tekstu z prawej na lewą stronę. 

background image

 

 

Animacja MARQUEE 

Wewnątrz znacznika <marquee>...</marquee> 
można umieścić nie tylko tekst, ale również inne 
elementy (np.: grafikę).

<marquee> <IMG SRC="nazwa_pliku"> 
</marquee>

background image

 

 

ZADANIE 18a

Utwórz  plik  na  bazie  poniższego  kodu  tak  aby 

przesuwał  się  dowolny  tekst  i  obrazek    z  prawej  na 

lewą stronę. Plik zapisz pod nazwą zadanie 18a.html. 

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Language" CONTENT="pl" />
</HEAD>
<BODY>

</BODY>
</HTML>

background image

 

 

Animacja MARQUEE 

Przesunięcie może być określonego typu:

 

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

 

gdzie jako "typ" należy wpisać: 
"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 później się zatrzyma i pozostanie nieruchomy 

background image

 

 

ZADANIE 18b

Utwórz  plik  na  bazie  poprzedniego 

ćwiczenia 

tak 

aby 

wstawione 

zdjęcie  przesuwało  się  z  od  prawej 

do lewej, a następnie "odbijało się" 

i powracało  ,  a tekst 

przesuwał  się  od 

prawej  do  lewej  tylko  raz,  a  później  się 
zatrzymał  i  pozostał  nieruchomy. 

Plik 

zapisz 

pod 

nazwą 

zadanie 

18b.html. 

background image

 

 

Animacja MARQUEE 

Przesunięcie może mieć określony kierunek:
<marquee direction="kierunek">tekst</marquee>

gdzie jako "kierunek" należy wpisać: 

"left" - tekst będzie przesuwał się w lewo (domyślnie) 

"right" - tekst będzie przesuwał się w prawo 

"up" - przesuwanie w górę (nie obsługuje MSIE 3.01 

ani Netscape 7) 

"down" - przesuwanie w dół (nie obsługuje MSIE 3.01 

ani Netscape 7) 
 

background image

 

 

ZADANIE 18c

Do  poprzedniego  pliku  dopisz  pod  rysunkiem  3  różne 

teksty  i  nadaj  im  kierunki:  w  prawo,  w  górę,  w  dół. 
Przesuwający  się  rysunek  zastąp  tekstem.  Plik  zapisz 
pod nazwą zadanie 18c.html. 

background image

 

 

Animacja MARQUEE 

Na podobnej zasadzie jak w omówionych przykładach 

nimacja MARQUEE może być:

o określonym kolorze tła (nie obsługuje Netscape 7)

 o określonych rozmiarach

 i określonej ilości powtórzeń

 określonej szybkości przesuwania się tekstu 

Szczegóły dotyczące powyższych możliwości opisano 

tutaj

background image

 

 

ZADANIE 18d

Sprawdź  działanie  pozostałych  parametrów  polecenia 

MARQUEE  o  których  przeczytałeś  w  dołączonym 
tekście. Plik zapisz pod nazwą zadanie 18d.html. 


Document Outline