Ireo izay nanoratra HTML nandritra ny fotoana lava dia mety hahatsiaro ilay singa. Ity dia singa iray voafaritry ny sehatry ny tranokala izay namorona sora-bavahadin'ny raki-peo teo amin'ny sehatra. Ity singa ity dia tsy nampidirina amin'ny endri-tsoratra HTML sy ny fanohanana azy io samihafa manerana ny navigateur. Matetika ny olona no manana hevitra mafonja momba ny fampiasana ity singa ity - sady tsara sy ratsy. Fa raha tianao na ankahalaina izany, dia ny tanjona dia ny hananana votoaty izay nihoatra ny sisin-dàlan'ny boaty hita.
Anisan'ny antony tsy nampiharin'ny mpiblôzara tanteraka, ankoatra ny fanehoan-kevitry ny tena manokana, fa heverina ho toy ny vokatra hita maso izy io ka tsy tokony hamaritra ny HTML, izay mamaritra ny rafitra. Fa kosa, ny vokatra amin'ny maso na ny fampisehoana dia tokony ho tarihan'ny CSS. Ary ny CSS3 dia manampy ny môdarka hifehy ny fomba fampidiran'ny browsers ny vokatra entina amin'ny singa.
New CSS3 Properties
Ny CSS3 dia manampy ireo toetra vaovao dimy hanampiana amin'ny fanaraha-maso ny fampidiran-tsainao ao amin'ny kitapo: milamina, marquee-style, marquee-play-count, marquee-direction and speed-speed.
tondraka fomba
Ny fananan-tany manana trano (izay noresahiko tao amin'ny lahatsoratra CSS Overflow) dia mamaritra ny fomba tiany indrindra ho an'ny votoaty izay mihoatra ny boaty anaty votoaty. Raha mametraka ny lanjany ianao hametrahana tsipika na marquee-hitazona ny votoatinao dia hivezivezy eo amin'ny ilany havia / havanana (marquee-line) na up / down (marquee-block).
marquee fomba
Ity trano ity dia mamaritra ny fomba hidirana amin'ny votoatiny (sy hiala).
Ny safidy dia horonana, slide ary alternate. Ny horonam-peo dia manomboka amin'ny votoaty feno tanteraka, ary avy eo dia mihodina eo amin'ny faritra hita izy io mandrapahatonga tanteraka indray ny screen. Ny diany dia manomboka amin'ny votoaty tanteraka tanteraka ary dia mihodina izany mandra-pahatongan'ny votoaty feno tanteraka ao amin'ny efijery ary tsy misy ny votoaty sisa tavela eo amin'ny efijery.
Farany, manilika ny votoaty avy amin'ny sisiny, manodidinam-baravarana.
marquee-milalao-fanisana
Ny iray amin'ireo tsy fahampiana amin'ny fampiasana ny singa MARQUEE dia ny fisian'ilay marika tsy mitsahatra. Saingy miaraka amin'ny fananganana trano fananana-play-count dia azonao atao ny mametraka ilay marika hanodinana ny votoatiny miverimberina mandritra ny fotoana maromaro.
marquee-tari-dalana
Azonao atao ihany koa ny misafidy ny tari-dalana izay tokony hivezivezy eo amin'ny efijery. Ny soatoavina manodina sy mivadika dia mifototra amin'ny torolalana amin'ny laha-doko raha toa ka ny tebiteby mihoatra ny teboka dia midika sy midina na midina raha toa ka ny fomban-drafitran-dàlana no mamaritra.
Marquee-Direction Details
| tondraka fomba | Fiteny amin'ny fiteny | handroso | hanova |
|---|---|---|---|
| marquee-tsipika | ltr | sisa | marina |
| rtl | marina | sisa | |
| marquee-andian-tsoratra | ny | midina |
marquee-haingana
Ity trano ity dia mamaritra ny fomba haingana ny horonan-tsoratra eo amin'ny efijery. Ny halemem-panahy dia miadana, ara-dalàna, ary haingana. Ny haavon'ny tena dia miankina amin'ny votoatiny sy ny tranonkala mampiseho azy io, fa ny lanjany dia tokony ho marefo kokoa noho ny mahazatra izay mora kokoa noho ny haingana.
Fanohanana ny tranokala Marquee Properties
Mety mila mampiasa prefixes mpivarotra ianao mba handraisana ireo singa mpikatroka CSS mba hiasa. Ireto manaraka ireto izy ireo:
| CSS3 | Prefix Vendor |
|---|---|
| overflow-x: marquee-line; | overflow-x: -webkit-marquee; |
| marquee fomba | -webkit-marquee fomba |
| marquee-milalao-fanisana | -webkit-marquee-famerenana |
| tsindriana | -webkit-marquee-direction: forwards | |
| marquee-haingana | -webkit-marquee-hafainganam-pandeha |
| tsy mitovy | -webkit-marquee-increment |
Ny fananana farany dia mamela anao hamaritra ny halaviran-dava na ny dingana tokony ho toy ny horonan-tsarimihetsika eo amin'ny efijery ao amin'ny kitapo.
Mba hahafahana manao ny dianao dia tokony hametraka aloha ny soatoavina voalazan'ny mpivarotra ary manaraka azy ireo miaraka amin'ny soatoavina CSS3. Ohatra, ny CSS dia misy sombin-dahatsoratra izay mamakivaky ny lahatsoratra dimy heny avy eo ankavia miankavanana ao anaty boaty 200x50.
{
width: 200px; avo: 50px; white-space: nowrap;
overflow: miafina;
tondraka-X: -webkit-marquee;
-webkit-marke-direction: forwards;
-webkit-marquee-style: horonana;
-webkit-marquee-speed: normal;
-webkit-marquee-increment: kely;
-webkit-repetition: 5;
overflow-x: marquee-line;
marquee-direction: forward;
marquee-style: horonana;
marquee-speed: normal;
marquee-play-count: 5;
}