Ke hoʻokumuʻana i kahi'ānena Scrollable i HTML5 a me CSS3 Ma waho o MARQUEE

ʻO ka poʻe o ka poʻe i kākau i ka HTML no ka wā lōʻihi, e hoʻomanaʻo i ke kumumanaʻo. ʻO kēia kekahi mea hoʻoili pūnaewele-kiko'ī i haku i ka hae o ka'ōwili pepa ma o kaʻaoʻao. ʻAʻole i hoʻokomoʻia kēia māhele i ka hōʻano a me ke kākoʻo o ka HTML no iaʻano likeʻole ma waena o nā mea kele pūnaewele. He nui nā manaʻo o nā kānaka e pili ana i ka hoʻohanaʻana i kēia māhele - me ka maikaʻiʻole. Akā inā pahaʻoe i aloha ai a inaina paha iā ia, ua lawelaweʻo ia i ka manaʻo o ka loaʻaʻana o nā mea i uhiʻia i ka palena pahu iʻikeʻia.

ʻO kahi o ka kumu i hoʻomaopopoʻoleʻia e nā mea nānā, ma waho aʻe o ka manaʻo noʻonoʻo ikaika,ʻo ia he mea iʻikeʻia a no laila,ʻaʻole e weheʻia e ka HTML, e ho'ākāka ana i keʻano. Ma kahi o CSS, pono ka CSS e mālama iā ia. A ke hoʻokomo neiʻo CSS3 i ka module marke e hoʻoholo i ka hoʻomoʻiʻana o pūnaewele i ka hana marke i nāʻano.

Nā Kāhua CSS3 hou

Hoʻohuiʻo CSS3 iʻelima mau mea hou e kōkua ai i kaʻikeʻana i kaʻikeʻana o kāu mauʻike ma ka marke: kāheha kahe, kahi-style, marker-count-count, mark-direction and mark-speed.

kāheka
ʻO ka waiwai kāhili (kahi aʻu i kūkākūkā pū ai ma ka'ati CSS Overflow) ho'ākāka i kaʻano i makemakeʻia no nā mea e hoʻopiha i ka pahu waihona. Inā hoʻonohoʻoe i ke kumukūʻai i ka laina laina a iʻole ka mark-block, e paʻi ka mea i loko a puka i ka hema /'ākau (laina marker) aiʻole i lalo / lalo (marke-block).

kahi leka-au
Hōʻike kēia waiwai i kahi e neʻe ai nā mea i loko o ka nānā (a i waho).

ʻO nā koho koho, paʻi a me keʻano. Hoʻomaka ka hoʻomakaʻana o ka papa me ka'ōpala a pau i ka nānāʻana, a laila, hele i kaʻaoʻao a hiki i ka pauʻana o ka pale. Hoʻomaka ka paheʻe me ka'ōnaehana a pau i ka nānāʻana a laila e hele a hele a hiki i ka hoʻopihaʻana o ka ihi i ka papa aʻaʻohe mea i koe e waiho i ka pale.

ʻO ka mea hope loa, hoʻololi houʻia nā mea mai kēlāʻaoʻao ai kēiaʻaoʻao, e hoʻokuʻu ana i hope a me waho.

hōʻike inoa-play-count
ʻO kekahi o nā drawbacks o ka hoʻohanaʻana i ka māhele MARQUEEʻo ka pauʻole ia o ka mark. Akā, me ka marke-play-count style style, hiki iāʻoe ke hoʻonohonoho i ka marke e hoʻololi i nā mea i loko a hemo aku no kekahi mau manawa kiko'ī.

wahi kuhikuhi
Hiki iāʻoe ke koho i ka kuhikuhi e pono ai ka mea heluhelu e hoʻololi ma kaʻaoʻao. ʻO nā helu i mua a me ka hoʻohuliʻia e pili ana i keʻano o ka kikokikona i ka manawa o ka'ōhūhū-laina-laina a laina a iʻole i lalo i ka manawa o ke kahe kahe.

Nā Details Details o Marquee

kāheka Ke alakaʻi'ōlelo i mua hoʻololi
laina inoa ltr hema akau
rtl akau hema
kahi inoa i luna iho

wikiwiki
E hoʻoholo ana kēia waiwai i ka wikiwiki o nā'ōnaewele i ka nānā. Ua lohi, maʻamau, a wikiwiki ka waiwai. ʻO ka wikiwiki maoli e pili ana i ka waihona a hōʻike ka mea hōʻike iā ia, akā,ʻoi ka māmā o ka maʻamau ma mua o ka maʻamau iʻoi aku ka māmā ma mua o ka wikiwiki.

Manaʻo Pūnaeweleʻo nā Māhele Marquee

Ponoʻoe e hoʻohana i nā prefix mea kūʻai e loaʻa ai nāʻano marke CSS e hana. Eia nā mea penei:

CSS3 Kāpena Kūʻai
i piha i ka x-laina laina; hīpī-x: -webkit-marquee;
kahi leka-au -webkit-marquee-style
hōʻike inoa-play-count -webkit-marquee-kālua
kaha kuhikuhi: kaʻaoʻao mua; -webkit-marke-direction: e neʻe i mua;
wikiwiki -ockit-marke-speed
ʻaʻohe kūlike -webkit-marke-increment

ʻO ka waiwai hope loa e hiki ai iāʻoe ke ho'ākāka i ka nui a iʻole ka liʻiliʻi o nā kūkuhi e like me nā puke heluhelu i ka maka o ka marke.

I mea e hoʻohana ai kāu marke, ponoʻoe e kau mua i ka mea kūʻai ma mua a laila e hahai iā lākou me nā kumukūʻai helu CSS3. Eia kekahi laʻana, eia ka CSS no kahi mark e kākau i ka kikokikona iʻelima manawa mai ka hema a hiki i kahi'ākau 200x50.

{
whānui: 200px; ke kiʻekiʻe: 50px; wahi keʻokeʻo: kāpili;
piha kahe: huna;
hīpī-x: -webkit-marquee;
-webkit-marke-direction: nā mea i mua;
-ockit-marquee-style: pāloli;
-ockit-marke-speed: maʻamau;
-webkit-marke-increment: liʻiliʻi;
-webkit-marquee-kau hou: 5;
i piha i ka x-laina laina;
kaha kuhikuhi: i mua;
kaha inoa-e kākau;
pinepine marker: maʻamau;
helu helu-mark-helu: 5;
}