Ukudala okuqukethwe okukhazimulayo ku-HTML5 no-CSS3 Ngaphandle kwe-MARQUEE

Labo abaye babhala i- HTML isikhathi eside bangakhumbula isici. Lesi kwakuyisici esithile sesiphequluli esakha ibhanner yombhalo wokupheqa kwesikrini. Lesi sici asizange sengezwe ngokucaciswa kwe- HTML nokwesekwa kwayo kuhluke kabanzi kuwo wonke iziphequluli. Abantu babevame ukuba nemibono enamandla kakhulu mayelana nokusetshenziswa kwalesi sici - kokubili okuhle nokubi. Kodwa kungakhathaliseki ukuthi uyayithanda noma uyayizonda, yenze inhloso yokwenza okuqukethwe okuchichima imingcele yebhokisi ebonakalayo.

Ingxenye yezizathu ezingakaze ziqalwe ngokugcwele yiziphequluli, ngaphandle kombono oqinile womuntu siqu, ukuthi ukuthi kubhekwe njengento ebonakalayo futhi ngakho-ke akufanele kuchazwe nge-HTML, echaza isakhiwo. Esikhundleni salokho, imiphumela yokubukwa noma yokunikezwa kufanele ilawulwe yi-CSS. Futhi i-CSS3 inezela imodemu ye-marquee ukuze ilawule ukuthi iziphequluli zengeza kanjani umphumela we-marquee ezakhiweni.

Izindawo ezintsha ze-CSS3

I-CSS3 ineza izindawo ezinhlanu ezintsha zokusiza ukulawula ukuthi okuqukethwe kwakho kuboniswa kanjani kumarquee: isitayela sokuchichima, isitayela se-marquee, u-marquee-play-count, i-marquee-direction and marquee-speed.

isitayela sokuhamba
Impahla yesikhukhula (okuyinto engiphinde ngixoxe ngayo ku-athikili CSS Ukukhuphuka) ichaza isitayela esikhethiwe sokuqukethwe okufakela ibhokisi lokuqukethwe. Uma usetha inani le-marquee-line noma i-marquee-block okuqukethwe kwakho kuzokwehla ngaphakathi nangaphandle ngakwesokunxele / ngakwesokudla (umzila wamaketha) noma phezulu / phansi (marquee-block).

isitayela se-marquee
Le mpahla ichaza ukuthi okuqukethwe kuzothunyelwa kanjani ekubukeni (nokuphuma).

Okukhethwa kukho kukhona umqulu, islayidi nokunye. Umcibisholo uqala ngokuqukethwe kwesikrini ngokuphelele, bese uhamba endaweni ebonakalayo kuze kube yilapho eseqedile isikrini futhi. Isilayidi siqala ngokuqukethwe isikrini ngokuphelele bese sihamba kuze kube yilapho okuqukethwe kuhambise ngokugcwele esikrinini futhi akukho okuqukethwe okushiywe ukuze kulayishwe esikrinini.

Okokugcina, enye iqhubekisa okuqukethwe okuhlangothini oluhlangothini oluya eceleni, ehamba phambili nangaphezulu.

u-marquee-play-count
Enye yezingqinamba zokusebenzisa i-MARQUEE element ukuthi i-marquee ayigodi. Kodwa ngesitayela se-style marquee-play-count ungasetha i-marquee ukushintshanisa okuqukethwe nokuvala inombolo ethile yezikhathi.

umzila-umzila
Ungaphinda ukhethe isiqondiso ukuthi okuqukethwe kufanele ukupheqa esikrinini. Amagugu phambili futhi aguquke asekelwe ekuqondeni kombhalo lapho isitayela sokuchichima singumugqa wamaketha futhi up noma phansi uma isitayela sokuchichima singumakethi-block.

Imininingwane ye-Marquee-Direction

isitayela sokuhamba Ukuqondiswa kolimi phambili ukubuyela emuva
umakethe we-marquee ltr kwesokunxele kwesokudla
rtl kwesokudla kwesokunxele
marquee-block up phansi

i-marquee-speed
Lo mhlaba unquma ukuthi okuqukethwe okusheshayo kwesikrini kushesha kangakanani. Amagugu ayashesha, evamile, futhi ayashesha. Isivinini sangempela sincike kokucuketfwe nesiphequluli esibonisa lokho, kodwa amanani kufanele ahambe kancane kancane kunokujwayelekile okuhamba kancane kunokusheshisa.

Ukusekelwa kwesiphequluli se-Marquee Properties

Kungase kudingeke usebenzise izibikezelo zokuthengisa ukuze uthole izakhi ze-CSS marquee ukusebenza. Zilezi zilandelayo:

CSS3 Umthengisi Prefix
ukuchichima-x: umugqa we-marquee; ukuchichima-x: -webkit-marquee;
isitayela se-marquee isitayela -webkit-marquee
u-marquee-play-count -webkit-marquee-ukuphindaphinda
isiqondisi-marquee: phambili | ukubuyela emuva; -webkit-marquee-isiqondiso: phambili | emuva;
i-marquee-speed -webkit-marquee-isivinini
akukho okulinganayo -webkit-marquee-increment

Indawo yokugcina ikuvumela ukuba uchaze ukuthi zinkulu kangakanani noma ezincane izinyathelo kufanele zibe njengemibhalo yokuqukethwe esibukweni ku-marquee.

Ukuze ube ne-marquee yakho esebenzayo, kufanele ubeke kuqala umthengisi amanani we-prefixed kuqala bese uwalandela ngezimpawu zokucacisa ze-CSS3. Isibonelo, nansi i-CSS ye-marquee evulela umbhalo izikhathi ezinhlanu ukusuka kwesobunxele kuya kwesokudla ngaphakathi kwebhokisi le-200x50.

{
ububanzi: 200px; ukuphakama: 50px; isikhala esimhlophe: i-nowrap;
ukuchichima: kufihliwe;
ukuchichima-x: -webkit-marquee;
-webkit-marquee-isiqondiso: phambili;
isitayela -webkit-marquee: scroll;
-webkit-marquee-speed: evamile;
-webkit-marquee-increment: encane;
-webkit-marquee-ukuphindaphinda: 5;
ukuchichima-x: umugqa we-marquee;
umzila-umzila: phambili;
isitayela se-marquee: pheqa;
isivinini se-marquee: evamile;
ama-marquee-play-count: 5;
}}