Modal jQuery window - unsa ang imong gikinahanglan ug unsaon pag-instalar

Aron mahibal-an ang tubag sa imong pangutana, usahay kinahanglan nimo nga mogahin og daghang panahon, ilabi na kung sa pagdesinyo sa web, dili ilabi sa batid nga mga butang, ang tawo nakahukom sa paghimo sa site nga iya. Ang bintana sa jquery modal mahimo nga usa sa ingon ka makalilisang nga mga buluhaton.

Adunay daghang mga bintana sa Internet. Morag kinahanglan nimo nga kopyahon kini ug i-paste kini sa imong site ... Bisan pa, dili tanang butang simple kaayo. Ingon nga adunay kapalaran, adunay pipila ka detalye, nga tungod niini ang tanan napugngan, ug imposible nga sulbaron ang buluhaton, tungod kay wala'y kinahanglan nga kahibalo alang niini. Busa, labaw kay sa pagdali sa modal window sa jquery uban sa daghan nga mga makapaikag nga mga chips, lisud buhaton, mas maayo nga magsugod sa usa ka gamay, yano nga modal window nga walay bisan unsa nga wala kinahanglan nga mga problema.

Kung adunay usa ka blog sa usa ka dapit sa wordpress, nan ang tanan yano ra kaayo, ug walay mga suliran nga sagad nga motungha, tungod kay kini adunay daghan na nga andam nga mga solusyon - lainlaing pop-up modules. Apan adunay lahi kaayo nga mga kapilian, diin kinahanglan imong "mag-umol" sa modal window o mobalhin sa bayad nga serbisyo sa mga espesyalista. Bayad, sumala sa imong nahibal-an, wala'y usa nga gusto, ilabi na kung kini daw nga kinahanglan nimo nga makuha ang punto, ug ang tanan mubalik dayon.

Ang window sa jquery modal gikinahanglan alang sa pagpakita sa sulod nga nahiuban sa kasayuran sa panid ug nagsangkap niini.

JQuery - unsa kini?

Alang sa usa ka hingpit nga pagsabot, kon ang bisan kinsa wala mahibalo, nan ang jquery usa ka librarya sa JavaScript, ug ang ulahi nagpasabot sa usa ka piraso sa code nga nasulod sa kodigo sa panid sa web ug nagtugot kanimo sa pagkab-ot sa nagkalainlaing mga epekto nga dili maimplementar sulod sa HTML ug CSS. Ang kasagaran nga pananglitan sa ingon nga seksyon sa kodigo mahimong ang kasamtangan nga petsa o oras nga gipakita sa panid.

Ang mga tigpasiugda sa librarya adunay opisyal nga website, nga nagpalambo ug nagpuno sa kanunay, may kalabutan nga adunay tanan nga mga bag-ong bersiyon nga naghatag og bag-ong mga librarya.

Sa paghimo sa jquery nga nakasabut nga kinahanglan nimo kini o kana nga epekto, adunay usa ka CSS nga pinulongan nga adunay mga style sheets.

CSS nga Pinulongan

Ang CSS sa paghubad nagpasabot og "cascading style sheets". Sa Internet, imposible karon ang pagpangita sa usa ka site nga wala maggamit niini nga pinulongan.

Busa, sa modal windows jquery ug CSS halos gikinahanglan ug gikinahanglan kaayo. Busa, kon ang jquery dili konektado, kinahanglan nimo kini buhaton.

Sa paghimo niini, isulod ang mosunod sa sulod sa tag sa ulo:

Unsa ang modal windows?

Ang usa ka yano nga modal jquery nga bintana nga makita sa diha nga ang site mao ang load nga mapuslanon aron sa pagdugang sa gidaghanon sa mga subscribers. Ang bintana makita kung ang pahina maablihan. Dili kini makalibog ug dili makapahadlok sa bisan kinsa, tungod kay kini dali rang masirad-an uban sa gamay nga kalisud, ug ang button sa cookie adunay mga cookies niini, ug sa dihang imong pag-klik niini, ang nawala nga modal window dili na mogawas pag-usab.

Dapit sa bintana

Ang usa ka window sa pop-up sa jquery, nga gipakita sa panid usa ka higayon lamang, usa sa mga variant sa modal windows.

Sa pagpatuman niini, daghang mga lakang ang gikinahanglan.

Mahimo nimong gamiton ang mga espesyal nga plugins para sa modal windows. Maayo nga i-download kini gikan sa mga site sa developer, pananglitan, arcticModal. Kini konektado ingon sa mosunod:

Sa walay paghimo sa usa ka window style, ang usa sa mga standard nga tema sa tema makita kini:

Sunod, ibutang ang cookie:

Isulat ang HTML code, nga naghatag impormasyon alang sa user:

Ang klasipiko nga klase sa arctimonial sa code nagpasabot nga ang jQuery modal window magsirado niini.

Ang sunod mao ang katapusan nga script:

Ang pipila sa mga parametro nga gigamit nagpasabot sa mosunod:

CloseOnOverClick: motino kon ang bintana magsirado kon magklik sa overlay.

Close Esc: nagkahulogan sa Esc.

Matapos na: Nagtino nga ang panahon nga ibutang sa cookie. Sa gisugyot nga bersyon, kini nga panahon mahimong kan-uman ka adlaw, nga mao, ang bintana dili ipakita sulod sa duha ka bulan. Ang mga cookie ginabag-o matag higayon nga imong bisitahan.

Sa pagtuon kon unsaon pag-instalar sa imong site ang modal jQuery nga bintana, mahimo nimo, kung gikinahanglan, padayon sa mas komplikado nga mga variant. Sa paghimo niini, pagdugang sa lainlaing mga estilo sa CSS, ug ang bintana mahimong hingpit nga dili sama sa modal nga mga bintana sa ubang mga site.

Ang pantasiya ug imahinasyon makatabang, salamat sa maong mga solusyon, aron mahatagan og dugang ang gidaghanon sa mga subscriber, ug diha sa mga tindahan sa internet nga hanas nga gisalipod ang modal nga mga bintana mahimong makadugang sa pagbaligya usahay. Busa, ang oras nga gigahin sa programming ug pag-instalar sa mga bintana makatarunganon ug makabayad!

Mga matang sa modal nga mga bintana

Ang mga bintana sa modal gilangkob pinaagi sa pag-klik sa tukmang button o puno sa panid ug makita dayon sa pag-download. Dili na sila makita sa pagsirado sulod sa usa ka panahon, kung ang usa ka cookie ibutang, sama sa sa ibabaw nga panig-ingnan, ug mahimo nga makita sa matag higayon nga ang pahina gikarga. Adunay mga modal nga mga bintana nga gitakda sa usa ka dapit ug magpabilin niini, bisan pa sa mga lihok sa panid, ug mahimo nga dinamiko sa diha nga ang bintana adunay mga impormasyon nga adunay usa ka sumpay, ug ang tiggamit moagi niini. Dayon ang bintana lamang ang pag-update, kon ang orihinal nga panid magpabilin nga dili mausab.