Daxuyaniya Scrollable HTML5 û CSS3 bi MarQUEE

Kesên ku hûn ji bo dirêjkirina HTML-ê nivîsandin dibe ku elementê bibînin. Ev elementek gerdûnkek taybet bû ku ji barnerê nivîsê ya scrolling ve li ser screenê ve çêkir. Ev element hêserek taybetmendî û piştevanîya HTML-ê ji bo gerdûnên pirfireh cuda ye. Gelek caran gelemperî li ser bikaranîna vê elementê pir xurt bûn - herdu jî neyînî. Lê hûn ji te hez dikirin an jî nefret dikin, ev armanc kirina naverokê kir ku sînorên qutiyê xuya dike.

Beşek sedem ji hêla hêla gerokkeran ve temamî nehatiye bicihkirin, ji alîyê ji ramanek kesayetiyek xurt ve hate dabeşkirin, ew e ku ew bandorek bandorek dîtiye û wek vê yekê, divê ev bi HTML-ê nirxandin, ku destnîşan dike. Belê, bandorên dîtbar û pêşniyaz divê ji hêla CSS-ê ve tê veşartin Û CSS3 ji bo bandorên marquî ve girêdayî elementên xwe çawa çawa kontrol dikin ku moduleya marquee modul dike.

Nû CSS3 Properties

CSS3 pênc taybetmendiyên nû hene ku ji bo ku hûn materyalê di marqueyê de nîşan dide: li ser bloyek-styles, marquee-style, marquee-play-count, marquee-direction and marquee-speed.

overflow-style
Malpera blov-style ((ku ez li di gotara CSS-Overflowê de gotûbêj kirin) de ji bo stylesa bijartî ji bo naveroka ku di qonaxa naverokê de dike. Heke hûn ji bo naveroka marquee-line an naveroka marquey-bloka we dihêlin, hûn ê li derveyî çep / rastê (marquee-line) an jî hilweşinin / zorê (marquee-block).

marquee-style
Ev sîteyê diyar dike ka çiqas naveroka dê di bin çavê xwe de bibînin (û derveyî).

Hilbijêre scroll, slide û alternatîf in. Scroll bi tevlêkirina naverokê bi temamî veşartî dest pê dike, û paşê wê li her derê xuya dike heta ku ew bi temamî veşartinê dîsa dûr e. Slide bi naveroka temamî bi temamî veşartî dest pê dike û paşê wê heta ku li naveroka tevlîhevî li ser-screenê ve hatîye veguhestin û naveroka pêdivî ye ku li ser ekranê veşêre.

Dawî, alternatîf ji alîyê aliyekî ji aliyekî veşartî, paşê veşartin.

marquee-play-count
Yek ji derengên bikaranîna elementa MARQUEE e ku marqueyê qet carî nabe. Lê bi temenê xerîb-a-an-lîst-ê-an-a-he-hun dikarin meriv derxistin ku ji bo hejmareke taybetî ji bo hûrgelan veşartin û naverok bike.

marquee-direction
Hûn dikarin rêberî hilbijêrin ku naverokê divê li ser screenê binivîse. Nirxên pêşveçûn û veguherî li ser riya rastîn-ê-ê-ê-an-ê-hûrgelê-ê û bi hilberîn-an-ê-an-ê-an-ê-an-an-ê-an-ê-an-ê-ê-ê ye ku dema şopandina berbi marquee-block e.

Agahdariyên Marquee-Direction

overflow-style Cihê Zimanê pêşve gara paşî
marquee-line ltr çep rast
rtl rast çep
marquee-block bi jorve jêr

lezgîn
Ev xaneyê diyar dike ku çiqas pirtûkan li ser ekfê scroll. Nirxên hêdî, normal, û zûtir in. Lezê rasteqe li ser naverokê û geroktê dike, lê nirxên wê hêdî divê hêdî bi hêdî bi leztirîn zûtirîn zûtir e.

Piştgiriya gerokê ya Properties

Pêdivî ye ku hûn hewce ne ku pêşniyarên vendor bikar bînin ku ji hêla CSS veşartin ku kar bikin. Ew li jêr in:

CSS3 Pêşkêşkara Pêşdibistanê
overflow-x: marquee-line; overflow-x: -webkit-marquee;
marquee-style -webkit-marquee-style
marquee-play-count -webkit-marquee-repetition
marquee-direction: forward | reverse; -webkit-marquee-direction: pêşniyaz | paşde;
lezgîn -webkit-marquee-speed
ne wekhev -webkit-marquee-increment

Malbata dawîn ji we re destnîşan dike ka çiqas û piçûk divê gav pêwîst be ku wekî pirtûkên li ser zivirîna pirtûkan li ser zewacê binivîsin.

Ji bo ku hûn marquee kar dikin, divê hûn nirxên pêşniyarkirî yên pêşîn bistînin û paşê wan bi nirxên taybetmendiyê CSS3 re bişînin. Ji bo nimûne, vir e ku ji bo xerîbê 200x50 di çarçoveya çepê rast de pênc caran nivîsîn.

{
width: 200px; height: 50px; spî-spî: nowrap;
vekirî: hidden;
overflow-x: -webkit-marquee;
-webkit-marquee-direction: forwards;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: normal;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: 5;
overflow-x: marquee-line;
marquee-direction: forward;
marquee-style: scroll;
marquee-speed: normal;
marquee-play-count: 5;
}