JQuery eyisibonelo iwindi - okudingayo nendlela ukufaka

Ukuze uthole impendulo yombuzo wakho, ngezinye izikhathi kufanele uchithe isikhathi esiningi, ikakhulukazi uma efika nomklamo wewebhu akuyona ikakhulukazi ababeyizazi ezindabeni ezinjalo abantu banquma ukwakha website bebodwa. jQuery eyisibonelo iwindi kungaba esinye salezi izinkinga ezibuhlungu.

Kuyi-Internet, lezi amafasitela zingatholakala abaningi. Kubonakala sengathi badinga kuphela kopisha bese ukunameka kuwebhusayithi yakho ... Nokho, akubona bonke ngakho elula. Njengoba inhlanhla kuzodingeka ke, sikhona yini imininingwane, ngenxa lapho konke engasenamahloni, futhi kuyinto engenakwenzeka ukuba ukuxazulula le nkinga, ngoba asikho isidingo salokhu ulwazi. Ngakho-ke, unelungelo iyakwazi jQuery eyisibonelo ifasitela elibonisa chips eziningi ezithakazelisayo, eyinkimbinkimbi kokubulawa, engcono yokuqala encane, iwindi silula eyisibonelo ngaphandle kwezinkinga ezingadingekile.

Uma une-blog endaweni ethile kithi wordpress, konke silula, futhi kungekho nobunzima ngokuvamile kuphakama, ngoba kakade has a lot of izixazululo ngomumo eyenziwe - ezahlukene pop-ins. Kodwa kukhona izinto ezahlukene ongazikhetha kakhulu futhi, lapho omunye ine siqu "sculpt" ifasitela yabo eyisibonelo noma aphendukele ikhokhwe amasevisi ochwepheshe. Khokha njengoba wazi, akekho ofuna, ikakhulukazi uma kubonakala sengathi nje kudingeka athole umnyombo, nakho konke Kuyophumela ethubeni kuhle fast and imahhala.

Jquery eyisibonelo iwindi kuyadingeka ukubonisa okuqukethwe eliphuma kanye ulwazi ekhasini futhi sigcwalisa ke.

jQuery - kuyini?

Ukuze ukuqonde ngokwengeziwe uma umuntu akazi, jQuery - a umtapo-JavaScript, kanti isixuku esikhulu, esikhundleni salokho, kusho ingxenye ikhodi yethulwa kuleli ikhodi ikhasi lewebhu-futhi likuvumela ukuze afeze izinhloso ezahlukene, okuyinto ngeke lisetshenziswe ngaphakathi kohlaka HTML futhi CSS. Isibonelo esingokoqobo a ezifana ingxenye ikhodi kungenzeka usuku wamanje noma isikhathi lukhonjiswa ekhasini.

Onjiniyela umtapo ine website esemthethweni, ubuhle futhi avuselelwe zikhathi, ngakho-ke kukhona izinguqulo ezintsha, ukunikela imitapo entsha.

Ukuze ngikwenze kucace ukuthi i-jQuery, kudingeka lokhu noma lokho wena, kukhona ulimi nge-CSS isitayela amashidi.

CSS ulimi

CSS kusho "Cascading Style Sheets". I-intanethi manje ngeke uzithole isayithi ngeke wasebenzisa ulimi.

Ngakho-ke, ngo-eyisibonelo amafasitela jQuery ne-CSS kuyinto cishe ezidingekayo futhi Irreplaceable. Ngakho-ke, uma jQuery ayixhunyiwe, kubalulekile ukuba senze kanjalo.

Ukuze wenze lokhu ngaphakathi tag ikhanda sifakwe kanje:

Yiziphi iwindi eyisibonelo?

Kalula jQuery iwindi eyisibonelo, ukuboniswa uma ulanda indawo, kungase kube usizo ukwandisa isibalo ababhalisile. Iwindi lizovela uma ikhasi liyavuleka. Akukhona siyaphazamisa futhi akunakwenzeka ukuba okwesabisa ubani, ngoba ngaleso ukungakhululeki kancane kalula ivalwe, bese inkinobho eduze kuyoba amakhukhi, futhi uma uchofoza it zwacela futhi iwindi eyisibonelo ngeke vela.

iwindi lephophaphu

Esiqhamukayo iwindi phezu jQuery, ziboniswa ekhasini kanye kuphela, kuba okuhlukile okukodwa amawindi eyisibonelo.

Ukuqalisa kubalulekile ukwenza izinyathelo eziningana.

Ungasebenzisa i-plugin esikhethekile amafasitela eyisibonelo. Kungcono uwalanda ku unjiniyela, isibonelo, arcticModal. Xhuma it kanje:

Ngaphandle ewindini umhlobiso isitayela omunye standard-plug-in izobukeka kanje:

Okulandelayo, xhuma i-plug-ikhukhi:

Kulotshiwe -HTML, okuyinto Imininingwane zinikwa umsebenzisi:

Ebalulwe ikhodi ekilasini arctimonial okuseduze kusho ukuthi naye jQuery eyisibonelo iwindi uvala.

Kube sekulandela iskripthi lokugcina:

Ezinye amapharamitha asetshenziswayo zimi kanje:

closeOnOverClick: uyonquma ukuthi iwindi avaliwe uma uchofoza okubekwe ngaphezulu.

CloseOn Esc: kusho ngokucindezela u-Esc.

Kuphelelwa yisikhathi: icacisa ngesikhathi lapho ikhukhi izogcinwa. Ngo samuntu ezihlongozwayo, kulokhu kuyoba izinsuku ezingamashumi ayisithupha, okungukuthi, iwindi kuzokhonjiswa izinyanga ezimbili. Ikhukhi ibuyekeziwe isikhathi ngasinye uvakashela.

Ngokufunda ukuthi ungasetha kanjani ku yakho indawo jQuery eyisibonelo iwindi, ungakwazi udlulele okukhethwa kukho okuseqophelweni ngaphezulu uma kudingeka. Ukuze wenze lokhu, engeza ezihlukahlukene CSS izitayela, futhi iwindi kuyoba okuhluke kakhulu kulokho iwindi eyisibonelo kwamanye amasayithi.

Fantasy futhi umcabango usizo nge izixazululo ukwandisa isibalo ababhalisile, Inthanethi ezitolo ngobuciko ifakwe amafasitela eyisibonelo bayakwazi ukwandisa yokuthengisa kakhulu. Ngakho-ke, isikhathi esichithwa izinhlelo kanye ukufakwa amafasitela, qiniseka bathethelele akhokhe!

Izinhlobo iwindi eyisibonelo

Modal amafasitela-pop-up uma uchofoza inkinobho efanelekile noma ukulayishwa nekhasi, futhi livela ngokushesha ekuqaleni. Abakwazi ngesikhathi lokuvala isavela kwenkathi ethile yesikhathi, uma i-cookie isethwa, + njengasosukwini lokungivivinya isibonelo ngenhla, futhi kungenzeka kubonakale njalo ikhasi is ukulayishwa. Kukhona amafasitela eyisibonelo, fixed endaweni eyodwa, futhi uye wahlala, ngaphakathi spite of ukunyakaza ekhasini, futhi kungaba ashukumisayo, lapho ngaphakathi kwewindi liqukethe ulwazi nge isixhumanisi, futhi ludlulele umsebenzisi. Kungaleso sikhathi kuphela lapho iwindi kuzobuyekezwa nge isalela isimo engaguquki ikhasi lokuqala.