Ho bopa sebopeho sa Scrollable ka HTML5 le CSS3 ntle le MARQUEE

Bao ba neng ba ntse ba ngola HTML ka nako e telele ba ka 'na ba hopola ntlha. Ena e ne e le sebopeho se hlalosang sebapali se bōpileng banner ea melaetsa ea ho phalla ho pholletsa le skrine. Ntho ena ha e e-s'o kenyelletsoa ho latela litaelo tsa HTML le tšehetso ea eona ho fapana haholo ho feta li-browsers. Hangata batho ba ne ba e-ba le maikutlo a matla haholo mabapi le tšebeliso ea ntlha ena - e ntle le e mpe. Empa ho sa tsotellehe hore na ua e rata kapa ua e hloea, e ile ea e-ba le morero oa ho etsa hore ho be le lintho tse ngata tse neng li lekana meeli ea lebokose.

Lebaka le leng leo ho seng mohla le kileng la kenngoa ka botlalo ke li-browser, ntle le maikutlo a matla a botho, e ne e le hore e nkoa e le pono e bonts'itsoeng 'me e le joalo, ha ea lokela ho hlalosoa ka HTML, e hlalosang mohaho. Ho e-na le hoo, liphetoho tse bonts'ang kapa tse hlahang li lokela ho tsamaisoa ke CSS. 'Me CSS3 e eketsa mochine oa marquee ho laola hore na li-browsers li kenya marquee joang ho likarolo.

Matlotlo a macha a CSS3

CSS3 e eketsa thepa e mehlano e mecha ho thusa ho laola hore na lipapatso tsa hau li bonts'oa joang marquee: mokhoa oa ho phalla, mokhoa oa marquee, marquee-play-count, marquee-direction le marquee-speed.

mokhoa oa ho phalla
Thepa ea palesa (eo ke ileng ka boela ka e tšohla sehloohong sa CSS Ho phalla) e hlalosa mokhoa o khethiloeng oa lintho tse ka hare ho feta lebokose la litaba. Haeba o beha boleng ho marquee kapa marquee-thibela dikahare tsa hau li tla kenella ka ho le letšehali le ho le letona (marquee-line) kapa hodimo / tlaase (marquee-block).

mokhoa oa marque
Sebaka sena se hlalosa hore na likahare li tla fetela hokae (le ho tsoa).

Khetho ke moqolo, slide le tse ling. Moqolo o qalile ka lintho tseo u li bonang ka ho feletseng, 'me o fetela sebakeng seo ho bonahalang ho fihlela ho se ho feletseng ho se hokae skrineng hape. Slide e qalile ka lintho tse hlahang ka ntle ho skrine ebe e fetela pele ho fihlela litaba li kene ka botlalo skrineng 'me ha ho sa na letho le tsoang ho skrine.

Qetellong, karolo e 'ngoe e phunyeletsa litaba ho tloha ka lehlakoreng le leng, ho theosa le holimo.

marquee-play-count
E 'ngoe ea likhaello tsa ho sebelisa marquee ke hore marquee ha e khaotse. Empa ka mokhoa oa papali ea marquee-play-count u ka beha marquee ho potoloha lintho tse ncha le ho li finyella bakeng sa palo e itseng ea linako.

tataiso ea marquee
U ka boela ua khetha tataiso eo likahare li lokelang ho e bapala skrineng. Litekanyetso tse fetohang le tse fapaneng li itšetlehile ka tataiso ea temana ha mokhoa oa ho phalla ke marquee line le holimo kapa ka tlaase ha mokhoa oa ho phalla ke marquee-block.

Boitsebiso ba Marquee-Direction

mokhoa oa ho phalla Tataiso ea puo pele ho furalla
marquee line ltr ho le letšehali ka ho le letona
rtl ka ho le letona ho le letšehali
marquee-block holimo fatše

marquee-speed
Sebaka sena se khetholla hore na libuka li phalla ka potlako hakae. Melao ea boitšoaro e lieha, e tloaelehile ebile e potlakile. Lebelo la sebele le itšetlehile ka litaba le sebapali se e bonts'ang, empa litekanyetso li lokela ho lieha butle ho feta tloaelehileng tse liehang ho feta ka potlako.

Ts'ehetso ea Mofetoleli oa Matlo a Marquee

U ka 'na ua hloka ho sebelisa li-prefixes ho rekisa likarolo tsa CSS marquee. Li na le tse latelang:

CSS3 Morekisi oa Prefix
ho phalla-x: marquee-line; ho feta-x: -webkit-marquee;
mokhoa oa marque mokhoa oa marang-o-bookmark
marquee-play-count -ebkit-marquee-repetition
tataiso ea marquee: pele-morao; tataiso -webkit-marquee: pele-morao;
marquee-speed -webkit-marquee -belo
ha ho letho le lekanang -webkit-marquee-increment

Mohaho oa ho qetela o u lumella ho hlalosa hore na mehato e lokela ho ba e kholo kapa e nyenyane hakaakang ha lintho li ntse li phallela skrineng marquee.

E le hore ho be le marquee ea hao ea sebetsang, u lokela ho beha mohoeletsi pele ho mekhoa ea pele 'me ue latele ka litekanyetso tsa li-CSS3. Ka mohlala, mona ke CSS bakeng sa marquee e ngoloang temana ka makhetlo a mahlano ho tloha ho le letšehali ho ea ho le letona ka hare ho lebokose la 200x50.

{
bophara: 200px; bolelele: 50px; sebaka se tšoeu: nowrap;
ho phalla: ho patiloe;
ho feta-x: -webkit-marquee;
tataiso -webkit-marquee: pele;
mokhoa oa marang-o-bookmark: moqolo;
-webkit-marquee-speed: tloaelehileng;
-webkit-marquee-increment: nyenyane;
- pheta-marquee-pheta-pheta: 5;
ho phalla-x: marquee-line;
tataiso ea marquee: pele;
mokhoa oa marque: moqolo;
marquee-speed: tloaelehileng;
marquee-play-count: 5;
}}