Tie iš jūsų, kurie ilgą laiką rašo HTML, gali prisiminti elementą. Tai buvo konkretaus naršyklės elementas, kuris sukūrė ekrano slinkties tekstą. Šis elementas niekada nebuvo pridėtas prie HTML specifikacijos, o jo palaikymas labai skiriasi visose naršyklėse. Žmonės dažnai turėjo labai stiprią nuomonę apie šio elemento naudojimą - teigiamą ir neigiamą. Bet ar jūs jį mylėtumėte ar nekentėjote, jis buvo skirtas tam, kad turinys, kuris perpildytų langelius, būtų matomas.
Iš dalies dėl to, kad naršyklės niekada nebuvo visiškai įdiegtos, tvirta asmeninė nuomonė buvo ta, kad jis laikomas vizualiu efektu, todėl jis neturėtų būti apibrėžtas HTML, kuris apibrėžia struktūrą. Vietoj to vaizdo ar pristatymo poveikį turėtų valdyti CSS. O CSS3 prideda "marquee" modulį, skirtą kontroliuoti, kaip naršyklės elementus papildo "marquee" efektu.
Naujos CSS3 ypatybės
CSS3 prideda penkias naujas savybes, padedančias valdyti, kaip jūsų turinys rodomas laukelyje: perpildymo stilius, marquee stiliaus, marquee-play-count, kryžkelės kryptis ir marquee-speed.
Pasirinkimai yra Galiausiai pakaitinis naršymas sugrąžina turinį iš vienos pusės į kitą, stumdamas pirmyn ir atgal. Tam, kad CSS marquee elementai veiktų, gali prireikti naudoti gamintojų prefiksus. Jie yra tokie: Paskutinis turtas leidžia apibrėžti, kiek žingsniai turėtų būti dideli ar mažesni, nes turinys slinkia ekrane rodyklėje. Kad jūsų tvartas veiktų, pirmiausia turėtumėte pateikti tiekėjo išankstines reikšmes ir sekti jas CSS3 specifikacijos vertes. Pavyzdžiui, čia yra "CSS", skirta marškiniui, kuris penkis kartus perkelia tekstą iš kairės į dešinę į 200x50 langelį.perpildymo stiliusThe perpildymo stilius turtas (kurį aš taip pat aptarė straipsnyje CSS Overflow) apibrėžia pageidaujamą stilių turiniui, kuris perpildo turinio langelį. Jei nustatysite vertę marquee-line arba marquee-block jūsų turinys slys ir į kairę / į dešinę (marquee-line) arba aukštyn / žemyn (marquee-block).marquee stiliausŠis turinys apibrėžia, kaip turinys pereis į vaizdą (ir iš jo).slinkite, skaidrę ir Alternatyva. Slinkimas prasideda nuo turinio visiškai išjungto ekrano, o tada jis juda visoje matomoje srityje, kol vėl visiškai išjungiamas ekranas. Skaidrė prasideda nuo turinio visiškai išjungto ekrano, tada jis juda, kol turinys visiškai persikelia į ekraną, o ekrane nejudama daugiau turinio.marquee-play-countVienas iš naudojimo trūkumų MARQUEE elementas yra tas, kad tvartas niekada nesustoja. Bet su stiliaus nuosavybe marquee-play-count galite nustatyti marquee tam, kad galėtumėte pasukti turinį į tam tikrą skaičių kartų.kryžkelės kryptisTaip pat galite pasirinkti kryptį, kurią turinys turėtų slinkti ekrane. Vertės Persiųsti ir atvirkštinis yra grindžiami teksto kryptimi, kai perpildymo stilius yra marquee-line ir aukštyn arba žemyn, kai perpildymo stilius yra marquee-block.Marquee-Direction Detalės
perpildymo stiliusKalbos kryptis Persiųsti atvirkštinis marquee-lineltr kairėje teisus rtl teisus kairėje marquee-block aukštyn žemyn marquee-speedŠis turinys nustato, kaip greitai ekrane rodomas turinys. Vertės yra lėtas, normalus, ir greitas. Tikrasis greitis priklauso nuo turinio ir naršyklės rodymo, bet vertes turi būti lėtas yra lėtesnis nei normalus kuri yra lėtesnė nei greitas."Marquee" savybių naršyklės palaikymas
CSS3 Tiekėjo prefiksas perpildymas-x: marquee-line;overflow-x: -webkit-marquee;marquee stiliaus-webkit-marquee-stiliusmarquee-play-count-webkit-marquee-repetitionpadėklo kryptis: pirmyn | atbulinė;-webkit-marquee-direction: forwards | backwards;marquee-speed-webkit-marquee-speednėra lygiaverčio -webkit-marquee-prieaugis{ plotis: 200px; aukštis: 50 px; baltoji erdvė: nowrap; perteklius paslėptas; overflow-x: -webkit-marquee; -webkit-marquee-direction: forwards; -webkit-marquee-style: scroll; -webkit-marquee-speed: normalus; -webkit-marquee-increment: mažas; -webkit-marquee-repetition: 5; perpildymas-x: marquee-line; padėklo kryptis: į priekį; marquee-style: scroll; padangos greitis: normalus; marquee-play-count: 5;}
