Tegs MARQUEE
Pārlūks | Internet Explorer | Netscape | Opera | Safari | Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <MARQUEE> web-lapā izveido "skrejošo" rindu. Patiesībā konteinera <MARQUEE> saturs neaprobežojas tikai ar rindām un ļauj pārvietot ("skrollēt") jebkurus web-lapas elementus — attēlus, tekstu, tabulas, formu elementus u.c. Pārvietošanos var noteikt ne tikai pa horizontāli, bet arī pa vertikāli, šajā gadījumā tiek norādīti tā apgabala izmēri, kurā notiks kustība.
Sākotnēji tegs <MARQUEE> bija paredzēts tikai pārlūkam Internet Explorer, bet arī citu pārlūku mūsdienīgās versijas (Firefox 1.0, Netscape 7, Opera 7 un jaunāka) saprot un atbalsta šo tegu.
Sintakse
<marquee>...</marquee>
Parametri
- behavior
- Nosaka konteinera <MARQUEE> satura kustības tipu.
- bgcolor
- Fona krāsa.
- direction
- Nosaka konteinera <MARQUEE> satura kustības virzienu.
- height
- Kustīgā apgabala augstums.
- hspace
- Atkāpes apkārt saturam.
- loop
- Nosaka, cik reižu atkārtosies satura kustība.
- scrollamount
- Satura kustības ātrums.
- scrolldelay
- Aizture milisekundēs starp atsevišķām kustībām.
- truespeed
- Atslēdz iebūvēto ātruma ierobežotāju pie zemām parametra scrolldelay vērtībām.
- vspace
- Vertikālas atkāpes apkārt saturam.
- width
- Kustīgā apgabala platums.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <MARQUEE> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE</title>
</head>
<body>
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Tega <MARQUEE> parametru apraksts
Parametrs BEHAVIOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka satura kustības metodi konteinerī <MARQUEE>.
Sintakse
<marquee behavior="alternate | scroll | slide">...</marquee>
Argumenti
- alternate
- Saturs pārvietojas starp konteinera vienu un otru malu.
- scroll
- Saturs pārvietojas virzienā, kurš uzstādīts ar parametru direction, tad izzūs aiz apgabala robežām, un iesāk kustību no jauna.
- slide
- Saturs pārvietojas virzienā, kurš uzstādīts ar parametru direction, un nonākot līdz apgabala malai - apstājas.
Noklusētā vērtība
scroll
Piemērs 2. Kustības veids
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs behavior</title>
</head>
<body>
<marquee bgcolor="#c0c0c0" behavior="alternate">Lorem
ipsum dolor sit amet...</marquee>
<marquee bgcolor="#c0c0c0" behavior="scroll">Lorem
ipsum dolor sit amet...</marquee>
<marquee bgcolor="#c0c0c0" behavior="slide">Lorem
ipsum dolor sit amet...</marquee>
</body>
</html>
Parametrs BGCOLOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda fona krāsu zem elementa MARQUEE satura.
Sintakse
<marquee bgcolor="krāsa">...</marquee>
Argumenti
Teksta krāsas vērtību var noteikt divos veidos.
1. Ar tās nosaukumu
Pārlūki atpazīst dažādus krāsu nosaukumus.
2. Pēc heksadecimālās skaitļa metodes
Krāsu noteikšanai izmanto heksadecimālos skaitļus. Heksadecimālā sistēma, atšķirībā no decimālās sistēmas, bāzējas uz skaitļa 16. Cipari būs sekojoši: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Cipari no 10 līdz 15 aizvietoti ar latīņu burtiem. Skaitļus virs 15 šajā sistēmā veido apvienojot vairākus ciparus vienā skaitlī. Par piemēru, skaitlim 255 decimālajā sistēmā atbilst skaitlis FF heksadecimālajā sistēmā. Lai nerastos sajukums skaitīšanas sistēmas noteikšanā, pirms heksadecimālā skaitļa liek restītes simbolu #, piemēram #666999. Katra no trīs krāsām — sarkanā, zaļā un zilā — var pieņemt vērtību no 00 līdz FF. Tādējādi, krāsas apzīmējums sastāv no 3 blokiem #rrggbb, kur pirmie 2 cipari atbild par krāsas sarkano komponenti, divi vidējie — par zaļo, bet 2 pēdējie par zilo .
Noklusētā vērtība
Sakrīt ar web-lapas fona krāsu, parasti - balta.
Piemērs 3. Fona krāsa
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs bgcolor</title>
</head>
<body bgcolor="#c0c0c0">
<marquee bgcolor="white">Lorem ipsum
dolor sit amet...</marquee>
</body>
</html>
Parametrs DIRECTION
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Konteinera <MARQUEE> saturs var pārvietoties četros virzienos, ne tikai uz kreiso vai labo, bet arī uz augšu vai apakšu.
Sintakse
<marquee direction="down | left | right | up">...</marquee>
Argumenti
- down
- Kustība no augšas uz leju.
- left
- Kustība no labās puses uz kreiso pusi.
- right
- Kustība no kreisās puses uz labo pusi.
- up
- Kustība no lejas uz augšu.
Noklusētā vērtība
left
Piemērs 4. Kustības virziens
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs direction</title>
</head>
<body>
<marquee direction="down" bgcolor="#ffcc00">Lorem
ipsum dolor sit amet...</marquee>
</body>
</html>
Parametrs HEIGHT un WIDTH
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Elements MARQUEE tiek attēlots kā taisnstūris, kura platums un augstums tiek noteikti, attiecīgi, ar parametriem width un height. Satura kustība notiks uzstādīto izmēru robežās. Vērtības pieļaujams noteikt pikseļos vai procentos. Ja lieto procentuālo pierakstu, tad <MARQUEE> izmēri tiks noteikti atkarībā no primārā elementa, kas parasti ir tegs BODY. Citiem vārdiem, width="100%" nozīmēska elements aizņems visu pieejamo web-lapas platumu, .
Sintakse
<marquee height="augstums">...</marquee> <marquee width="platums">...</marquee>
Argumenti
Jebkurš vesels pozitīvs skaitlis pikseļos vai procentos.
Noklusētā vērtība
Platums — 100%, augstums — 12 pikseļu.
Piemērs 5. Kustības apgabala platums un augstums
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs width</title>
</head>
<body>
<marquee width="600" height="150"
direction="up" bgcolor="olive" style="text-align: center;
color: white">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Parametrs HSPACE un VSPACE
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parametri hspace un vspace paredzēti atkāpes attēlošanai ap MARQUEE saturu. Atribūts hspace uzstāda atkāpes no labās un kreisās puses ap elementu (pa horizontāli), bet vspace — augšā un apakšā (pa vertikāli). Atkāpes nepalielina fona apgabalu zem satura un kalpo attāluma uzstādīšanai starp tegu <MARQUEE>un citiem web-lapas elementiem .
Sintakse
<marquee hspace="horizontālā atkāpe">...</marquee> <marquee vspace="vertikālā atkāpe">...</marquee>
Argumenti
Jebkurš vesels pozitīvs skaitlis pikseļos.
Noklusētā vērtība
-1
Piemērs 6. Atkāpes ap kustīgo apgabalu
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs hspace</title>
</head>
<body>
<marquee width="550" height="150" hspace="5" vspace="7">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Parametrs LOOP
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka, cik reižu atkārtot tega <MARQUEE> satura pārvietošanu. Pēc tam, kad uzstādīto reižu skaits beidzies, saturs paliek izejas stāvoklī.
Sintakse
<marquee loop="atkārtojumu skaits">...</marquee>
Argumenti
Jebkurš vesels pozitīvs skaitlis vai -1 priekš bezgalīgas kustības.
Noklusētā vērtība
-1
Piemērs 7. "Skrollēšanas" atkārtošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs loop</title>
</head>
<body>
<marquee loop="5" behavior="alternate">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Parametrs SCROLLAMOUNT
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Elementa <MARQUEE> satura animācija notiek uz periodikas tā dzēšanas un attēlošanas jaunā vietā rēķina. Parametrs scrollamount uzstāda attālumu pikseļos starp veco un jauno stāvokli, kas ietekmē kustības ātrumu un tā līganumu. Jo vērtība lielāka, jo ātrāk kustēsies konteinera saturs. Ja vērtība vienāda ar nulli , kustība nenotiks.
Sintakse
<marquee scrollamount="skaitlis">...</marquee>
Argumenti
Jebkurš vesels pozitīvs skaitlis pikseļos.
Noklusētā vērtība
6
Piemērs 8. Parametra scrollamount izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs scrollamount</title>
</head>
<body>
<marquee scrollamount="10" behavior="alternate">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Parametrs SCROLLDELAY
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Pārvietošanās ātrumu, kā arī pozīcijas maiņu, ietekmē satura atjaunošanās frekvence. Parametrs scrolldelay uzstāda aiztures laiku starp kustībām milisekundēs, jo mazāka vērtība, jo lielāks kustības ātrums, un otrādi.
Sintakse
<marquee scrolldelay="skaitlis">...</marquee>
Argumenti
Jebkurš vesels pozitīvs skaitlis milisekundēs.
Noklusētā vērtība
85
Piemērs 9. Parametra scrolldelay izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs scrolldelay</title>
</head>
<body>
<marquee scrolldelay="100">
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>
Parametrs TRUESPEED
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Ja tega <MARQUEE> saturs pārvietojas pārāk ātri, tad iedarbojas iebūvētais ātruma ierobežotājs, kurš piespiedu kārtā samazina kustības ātrumu. Tas tiek darīts tādēļ, lai saglabātu teksta lasāmību. Ja vēlaties atslēgt šo ierobežojumu, pievienojat parametru truespeed, tas piespiedīs saturam pārvietoties ar uzstādīto ātrumu. Parametram scrolldelay ātruma ierobežojums sākas ar 60 milisekundēm un mazāk.
Sintakse
<marquee truespeed>...</marquee>
Argumenti
Nē.
Noklusētā vērtība
Pēc noklusējuma šis parametrs ir izslēgts.
Piemērs 10. Parametra truespeed izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs MARQUEE, parametrs truespeed</title>
</head>
<body>
<marquee scrolldelay="30" truespeed>
Lorem ipsum dolor sit amet...
</marquee>
</body>
</html>