JQuery bibliyotèk: koulis pou sit entènèt ou

Avèk pasaj la nan tan ak devlopman nan teknoloji nan yo jaden an nan konsepsyon sit entènèt chanje ak bezwen yo / kondisyon nan itilizatè yo sit kontni. Si pi bonè li te sitou kontni tèks ak yon ti kantite imaj tematik, jodi a li se eleman nan dominan nan grafik la. Li pèmèt ou byen vit jwenn enfòmasyon ki pi nesesè yo ak itil, epi yo pa gaspiye tan lekti tèks long. An koneksyon avèk sa a de pli zan pli popilè yo ak, an reyalite, yon eleman ki nesesè nan yon paj entènèt yo koulis. Yo se blòk ak divès kontni nan yo - soti nan imaj nan lyen. Yon fason modèn yo ajoute yon bay objè web - lè l sèvi avèk JQuery bibliyotèk. Sliders kreye ak zouti sa a, jwenn yon konfòtab, fasil yo sèvi ak, ak sanble anpil enpresyonan. Next nou gade nan ki jan fè eleman sa yo nan paj wèb sou kont yo. Gras a yon ase gwo kantite nan zouti ofisyèl yo, li se posib yo aplike JQuery kurseur-kalite a ak kontni divès.

Ki jan yo ajoute yon kurseur sou yon paj entènèt?

Fason yo ajoute yon glise-blòk nan paj nimewo a . Anpil fwa pa menm gen yo ekri HTML-Kòd ak fouye nan script la. Gen yon nimewo konsiderab nan bibliyotèk gratis, ofri itilizatè yo yon modèl pare-fè ki kite ou ajoute JQuery-koulis sou sit ou. Tout sa ou dwe fè - se a kapab bay kopi l 'nan kòd la sous nan paj entènèt ou epi jwi rezilta yo. Sepandan, nan ka sa a posibilite pou realizasyon an nan imajinasyon kreyatif ou se limite. Se poutèt sa, li ap itil yo pral kapab kreye eleman nan konsepsyon poukont li. Pou fè sa, ou bezwen konnen ki jan yo aplike JQuery senp kurseur la, epi sèlman konplike li, ou ka toujou ajoute eleman anplis nan kòd la.

Kreye yon kurseur nan tèt ou: nan Kòd la HTML

Premyèman, ki kote kòmanse - se yo enskri Layout a nan lavni nan kurseur la.

1. Etabli an HTML-dosye inite Slideshow, ki pral gen ladan tout nan glisad nou an (imaj, elatriye).
2. Li mete lis UL, chak paragraf nan yo ki pral estoke yon glise ki apa a.

Nou ap travay ak CSS

Lè sa a, nou aplike nan li karakteristik sa yo nan style a vle lè l sèvi avèk CSS-dokiman. Li nesesè enpoze kontni nou an JQuery kurseur yo travay byen e li te gade a dwat. Nan faz sa a, nou ap fè fas ak travay sa yo:

• asire w ke sou inite a Slideshow montre sèlman yon sèl, dwa nan moman sa a glise (oswa kontni an foto), epi yo te tout rès la kache;
• fè aranjman pou glisad yo youn apre lòt la (gòch a dwat);
• fè UL-veso, ki magazen glisad mobil (kite la ak dwa).

Pou fè sa, mete opsyon ki disponib nan yo nan CSS-dosye a:

• pou Slideshow a: debòde-x - woulo liv, debòde-y - kache:
• pou UL: flote - kite.

Epitou ou ka mete paramèt yo nan lajè a (lajè), wotè (wotè), jan nou koumanse (background) ak pou fè.

Nou mete kòd sa a nan JQuery

HTML ak CSS tout chanjman sa yo ki nesesè yo yo te fè fè yo. Li rete ka a pou kòd la JQuery, koulis, ki ta dwe gen paramèt sa yo:

• Dyapozitiv ta dwe reyisi chak lòt ak yon entèval tan sèten;
• lè ou hover konsèy la sourit sou mouvman yo ta dwe sispann.

Pou fè sa, nou deklare de varyab: slidewidth (egal a longè a nan glise la) ak slidertime (detèmine peryòd la nan montre nan glise). revèy la ap kòmanse lè paj la se konplètman chaje sit la. Lè sa a paramèt nou mare aksyon an nan lonje dwèt an sourit konsèy nan yon glise (ki sispann montre nan glise).

Asire ou ke ou preskri UL longè veso. Li pral egal a nimewo a nan glisad, miltipliye pa longè a nan chak glise.

Antre fonksyon an responsab pou chanje glisad. Sa a tout, ou ka tcheke pèfòmans nan kurseur ou yo.

konklizyon

Nan atik sa a nou gade nan ki jan yo kreye pwòp JQuery-koulis yo insert yon paj nan sit entènèt li yo. Lè l sèvi avèk egzanp lan nan yon kurseur senp, ou ka vini ak entèpretasyon pwòp yo nan li, fè chanjman ki apwopriye yo nan kòd la sous. Sa a pral amelyore konsepsyon an ak fè pou sèvi ak sit ou pi bon pou vizitè yo.