Tie no jums, kas jau ilgu laiku rakstīja HTML, iespējams, atcerēsies šo elementu. Tas bija pārlūkprogrammai raksturīgs elements, kas izveidoja teksta ritināšanas ekrānu. Šis elements nekad netika pievienots HTML tā specifikācija un atbalsts dažādās pārlūkprogrammās bija ļoti atšķirīgs. Cilvēkiem bieži bija ļoti stingrs viedoklis par šī elementa izmantošanu - gan pozitīvu, gan negatīvu. Bet neatkarīgi no tā, vai jūs to mīlējāt vai ienīdāt, tas kalpoja par mērķi padarīt redzamu saturu, kas pārpildīja lodziņa robežas.
Daļa no iemesliem, ka pārlūkprogrammas to nekad nav pilnībā ieviesušas, izņemot stingru personīgo viedokli, bija tā tas tiek uzskatīts par vizuālu efektu, un tāpēc to nevajadzētu definēt HTML, kas definē struktūru. Tā vietā vizuālie vai prezentācijas efekti jāpārvalda CSS. Un CSS3 pievieno telts moduli, lai kontrolētu, kā pārlūkprogrammas pievieno telts efekts uz elementiem.
Jauni CSS3 rekvizīti
CSS3 pievieno piecus jauni īpašumi lai palīdzētu kontrolēt to, kā jūsu saturs tiek parādīts teltī: pārpildes stils, teltis-stils, teltis-spēles-skaitīšana, telts virziens un telts ātrums.
pārpildes stils
Pārpildes stila rekvizīts (par kuru mēs arī runājām rakstā CSS pārpilde) nosaka vēlamo stilu saturam, kas pārpilda satura lodziņu. Ja jūs iestatīsit vērtību uz telts līniju vai telts bloķēšanu, jūsu saturs ieslīdēs iekšā un ārā pa kreisi / pa labi (telts līnija) vai uz augšu / uz leju (telts bloķēšana).
telts stils
Šis rekvizīts nosaka, kā saturs tiks pārvietots skatā (un ārpusē). Iespējas ir ritiniet, slaidu un pārmaiņus. Ritināšana sākas ar to, ka saturs ir pilnībā izslēgts no ekrāna, un pēc tam tas pārvietojas pa redzamo apgabalu, līdz viss atkal ir pilnībā izslēgts no ekrāna. Slaids sākas ar to, ka saturs tiek pilnībā izslēgts no ekrāna, un pēc tam tas pārvietojas pāri, līdz saturs ir pilnībā pārvietots uz ekrānu, un ekrānā vairs nav slaida. Visbeidzot, aizstājējs atlec saturu no vienas puses uz otru, slīdot uz priekšu un atpakaļ.
telts-rotaļu skaitīšana
Viens no MARQUEE elementa izmantošanas trūkumiem ir tas, ka telts nekad neapstājas. Bet, izmantojot stila rekvizītu telts-atskaņošanas skaitīšanu, var iestatīt, lai telts pagrieztu saturu uz noteiktu laiku un izslēgtu.
telts virziens
Varat arī izvēlēties virzienu, kādā saturam vajadzētu ritināt ekrānā. Vērtības uz priekšu un atpakaļ ir balstītas uz teksta virzienu, ja pārpildes stils ir telts līnija, un uz augšu vai uz leju, ja pārpildes stils ir laukuma bloķēts.
Sīkāka informācija par telts virzienu
pārpildes stils |
Valodas virziens | uz priekšu | reverss |
|---|---|---|---|
telts līnija |
ltr | pa kreisi | pa labi |
| rtl | pa labi | pa kreisi | |
telts bloks |
uz augšu | uz leju |
telts ātrums
Šis rekvizīts nosaka, cik ātri saturs ritina ekrānā. Vērtības ir lēnas, normālas un ātras. Faktiskais ātrums ir atkarīgs no satura un pārlūkprogrammas, kas to parāda, taču vērtībām jābūt lēnām, lēnākām nekā parasti, kas ir lēnāk nekā ātri.
Marquee Properties pārlūka atbalsts
Jums var būt nepieciešams izmantot pārdevēja prefiksi lai CSS telts elementi darbotos. Tie ir šādi:
| CSS3 | Pārdevēja prefikss |
|---|---|
pārplūde-x: telts līnija; |
pārplūde-x: -webkit-telts; |
telts stils |
-webkit-telts stils |
telts-rotaļu skaitīšana |
-webkit-telts-atkārtošana |
telts virziens: uz priekšu | atpakaļ; |
-webkit-telts virziens: uz priekšu | atpakaļ; |
telts ātrums |
-webkit-telts ātrums |
| nav ekvivalenta | -webkit-telts-pieaugums |
Pēdējais rekvizīts ļauj noteikt, cik lielām vai mazām jābūt darbībām, kad telts ekrānā ritinās saturs.
Lai jūsu telts darbotos, vispirms vispirms jānovieto pārdevēja prefiksu vērtības un pēc tam jāievēro CSS3 specifikācijas vērtības. Piemēram, šeit ir telts CSS, kas 200x50 lodziņā piecas reizes ritina tekstu no kreisās uz labo.
{
platums: 200px; augstums: 50px; baltā telpa: nowrap;
pārplūde: slēpta;
pārpilde-x: -webkit-telts;
-webkit-telts virziens: uz priekšu;
-webkit-marquee-style: ritiniet;
-webkit-marquee-speed: normāli;
-webkit-telts pieaugums: mazs;
-webkit-telts-atkārtošana: 5;
pārplūde-x: telts līnija;
telts virziens: uz priekšu;
telts stils: ritiniet;
telts ātrums: normāls;
telts-rotaļu skaits: 5;
}