Ịmepụta Ọdịnaya Scrollable na HTML5 na CSS3 Na-enweghị MARQUEE

Ndị n'ime gị bụ ndị na-ede HTML ogologo oge nwere ike icheta mmewere. Nke a bụ ihe ntinye ihe nchọgharị na-emepụta ọkọlọtọ nke ederede scrolling na ihuenyo. Ejighi agbakwunye mmemme a na nkọwa HTML na nkwado maka ya dịgasị iche iche na ihe nchọgharị. Ndị mmadụ na-enwekarị nkwenye siri ike banyere iji ihe a - ma nke ọma na nke na-adịghị mma. Mana ma ị hụrụ ya n'anya ma ọ bụ kpọọ ya asị, ọ na-arụ ọrụ iji mee ka ọdịnaya ndị dị n'elu igbe dị anya hụ.

Otu n'ime ihe kpatara ya ejighi emejuputa ya site na ihe nchọgharị, ma obughi echiche onwe onye siri ike, bu na a na-ewere ya na o bu ihe omuma nke oma, ya mere, o kwesighi ighota ya na HTML, nke gosiputara usoro. Kama nke ahụ, CSS kwesịrị ịchịkwa mmetụta ma ọ bụ ngosi. CSS3 na-agbakwụnye akara marquee iji chịkwaa otú nchọgharị si agbakwunye ụda marquee na ihe.

Ahịa CSS3 ọhụrụ

CSS3 na-agbakwụnye ihe ọhụụ ise iji nyere aka ichikota otú egosiputa ọdịnaya gị na marquee: ụdị njubiga ókè, marquee-style, marquee-play-count, marke-direction na marquee-speed.

uju
Obosara ụdị ihe a (nke m tụlere na isiokwu CSS Overflow) na-akọwa ụzọ kachasị mma maka ọdịnaya nke jupụtara igbe nchekwa. Ọ bụrụ na ịtọba akara na marke-line ma ọ bụ marquee-igbochi ọdịnaya gị ga-abanye ma gaa n'aka ekpe / aka nri (marke-line) ma ọ bụ elu / ala (marke-block).

ụdị marke
Ihe onwunwe a na-akọwa otú ọdịnaya ga-esi na-eleba anya (ma pụọ).

Nhọrọ ahụ bụ mpịakọta, slide na ọzọ. Akwụkwọ mpịakọta na-amalite na ihuenyo ahụ kpamkpam, mgbe ahụ, ọ na-agafe ebe a na-ahụ anya ruo mgbe ọ ga-ewepụ ihuenyo ọzọ. Ntugharị amalite na ọdịnaya ahụ kpamkpam na ihuenyo ma emesia ọ na-agafe ruo mgbe ọdịnaya ezuola kpamkpam na ihuenyo ma ọ dịghị ihe ọ bụla nwere ike ịmịpụ na ihuenyo.

N'ikpeazụ, onye ọzọ na-eme ka ọdịnaya ahụ dị site n'otu akụkụ ruo n'akụkụ, na-agbaghachi azụ ma na-apụta.

marke-play-count
Otu n'ime ihe ndozi nke iji ihe MARQUEE mee bụ na marquee akwụsịghị. Ma site na njirimara marquee-play-count ị nwere ike ịtọ marquee iji gbanwee ọdịnaya na ma gbanyụọ maka oge ụfọdụ.

akara ngosi
I nwekwara ike ịhọrọ ntụziaka na ọdịnaya kwesịrị ịpịgharịa na ihuenyo. Ụkpụrụ dị n'ihu ma weghachite na-adabere na ntụziaka nke ederede mgbe ụdị njubiga ókè bụ marquee-line na elu ma ọ bụ ala mgbe ụdị ogbugbu bụ marke-block.

Ozi Marquee-nkọwa

uju Asụsụ Asụsụ n'ihu gbanwee
akara marke ltr n'aka ekpe nri
rtl nri n'aka ekpe
akara marke elu ala

akara-ọsọ
Nke a na-achọpụta ngwa ngwa akwụkwọ mpịakọta dị na ihuenyo. Ụkpụrụ ahụ dị ngwa, nkịtị, na ngwa ngwa. Oge ọsọ na-adabere na ọdịnaya na ihe nchọgharị ahụ na-egosipụta ya, ma ụkpụrụ ga-adị ngwa ngwa karịa nwayọọ nke dị nwayọọ karịa ngwa ngwa.

Nkwado Nchọgharị nke Njirimara Marquee

O nwere ike iburu na ị ga-eji ndị prefex ahịa nweta ka ọrụ CSS na-arụ ọrụ. Ha bụ ndị a:

CSS3 Ntụnye ego
juputa-x: akara marke; nfebiga-x: -webkit-marke;
ụdị marke -emekit-marquee-style
marke-play-count -kitkit-marquee-ugboro ugboro
ntughari ndu: n'iru; -kitkit-marquee-direction: gaa n'ihu;
akara-ọsọ -kitkit-marquee-ọsọ
enweghị otu -kitkit-brande-increment

Ihe ikpeazụ nwere ike ịkọwa otú oke ma ọ bụ obere ntinye kwesịrị ịdị ka mpịakọta ọdịnaya na ihuenyo na marquee.

Iji mee ka marquee gị na-arụ ọrụ, ị ga-etinyerịrị ụkpụrụ mbụ nke ndị na-ere ahịa ma tinye ha na ụkpụrụ CSS3. Dịka ọmụmaatụ, lee CSS maka marquee nke na-edegharị ederede ugboro ise site n'aka ekpe gaa n'aka nri n'ime igbe 200x50.

{
obosara: 200px; elu: 50px; acha ọcha-ohere: nowrap;
juputa: zoro ezo;
nfebiga-x: -webkit-marke;
-kitkit-marquee-direction: n'ihu;
-emekit-marquee-style: gwuo;
-kitkit-marquee-ọsọ: nkịtị;
-obodo-marquee-increment: obere;
-ebik-marquee-ugboro ugboro: 5;
juputa-x: akara marke;
akara ngosi: n'ihu;
ụdị marke: mpịgharịa;
ikikere ọsọ: nkịtị;
akara mark-play-count: 5;
}