Dirisha la jQuery pop-up, maelezo ya jumla kwa kuunda

Madirisha ya pop-up ni njia moja ya kuvutia watumiaji kwenye tovuti. Bila shaka, hii haitoi dhamana ya 100% ya kuhudhuria mahudhurio, lakini bado wanavutia habari kwa muda.

Unda jQuery la dirisha la pop-up - kazi si rahisi, lakini ikiwa inataka, inawezekana kabisa. Na hata hivyo, kabla ya kuanza kuunda kazi hiyo, unapaswa kutazama ni nini na jinsi inavyoonekana.

Ukurasa wa tovuti unatengenezwa kwa kutumia lugha ya HTML. Juu yake, ili mmiliki wa rasilimali apende, vifungo vimewekwa. Wanaweza kuwa vipande kadhaa (kutoka moja hadi ...), kwa hiari ya muumbaji. Kwa kubonyeza kitufe hicho, mgeni ataona dirisha la jQuery pop-up. Maudhui ya haya yanaweza kuwa tofauti kabisa, kwa mfano, picha ya kuvutia au aina mpya ya usajili, matangazo, mawasiliano, chochote. Ndoto katika suala hili sio mipaka yoyote. Mara nyingi madirisha ya pop-up huingilia ukurasa wa tovuti na background ya giza ya uwazi na kila mmoja kuna icon, kwa kawaida hueleweka na watumiaji katika kiwango cha intuition. Uwezekano wa kazi hii ni ukomo.

Kwa mtazamo wa kwanza, ni vigumu kuunda jambo kama hilo, lakini hii ni hisia mbaya. Ikiwa kuna tamaa na kuna haja, kwa nini usiingie maelezo zaidi? Hata kama mengi haijulikani, daima kuna fursa ya kujifunza mchakato kwa kuwasiliana na wataalamu. Hebu, kwa mfano, tengeneze na kuweka vifungo ambavyo vitaita madirisha ya usajili, picha au picha na tabo. Kutumia dirisha la javascript pop-up, au badala ya kifungo, fanya kiungo na uweke darasa la kawaida kwa wote. Viungo vinawekwa ndani ya lebo ya div.

Tabia ya kiungo inayoongezwa kwa kila moja inafanana na jina la darasa la dirisha na inafanya uwezekano wa kufungua moja unayohitajika, kwa kubonyeza kiungo. Kila kitu, jquery ya dirisha la popup tuliliumba. Sasa inabakia kuifanya iwe mzuri na yenye kuvutia. Hii inahitaji matumizi ya mitindo.

Kazi katika mitindo ya matatizo haifai: kila kitu ni rahisi na kinachoeleweka. Unahitaji tu kujua lugha ya HTML kidogo. Lakini hata kama mtumiaji hajui, habari muhimu zinapatikana kwa urahisi kwenye mtandao. Ili vifungo vya jquery, pop-ups kuangalia sawa katika browsers wote inayojulikana hadi sasa, kwa uzuri na kwa usahihi: a) kituo cha kiungo vitengo; B) pande zote pembeni; C) kuunganisha PIE kwa IE 7-8.

Kwa ujumla, markup HTML itakuwa sawa kwa wote pop-ups. Kwa hiyo, wakati wa kutumia vitambulisho, usipatie funge: kama hujui, ni sawa kukumbuka baadhi ya msingi. Tofauti ni tu katika muundo wa vipimo, yaani, dirisha moja la jquery pop-up litaonekana tofauti kwa upana. Vivyo hivyo huenda kwa maudhui.

Ili kuweka fomu ya usajili katika lebo hapo juu, unahitaji kuandika zifuatazo:

Funga

Usajili kwenye tovuti

Ingia kuingia: Ingiza nenosiri:

Katika reg_form hii ya kuingia inafanana na sifa ya kifungo cha kwanza cha rel, na kikundi cha mara mbili cha blogu ya wrapper imewekwa kwa popup reg_form (nafasi inahitajika). Usajili kama huo inakuwezesha kuunda mtindo wa jumla kwa madirisha yote ya pop-up, na kutaja vigezo maalum kwa kila mtu.

Kisha tunaanza kuweka kifungo kilichohusika na picha. Hapa pia: darasa la mara mbili linaonyeshwa na njia kwenye folda ambapo picha hizi zinapatikana zinaonyeshwa. Naam, zaidi katika roho ile ile.

Baada ya uumbaji itakuwa muhimu tu kurekebisha kuonekana kwa jumla ya ukurasa wa tovuti, kuagiza sheria za madirisha. Hiyo ni kwamba, wote watakuwa wamepambwa kwa usawa, wamepangwa kwa usawa, na kila mmoja atakuwa na kifungo kilichohusika na kufunga dirisha yenyewe na kichwa chake. Kwa kuongeza, unapopakua ukurasa wa rasilimali, wote watafichwa.

Ikiwa hakuna tamaa ya kufanya hivyo mwenyewe, daima kuna uwezekano wa kupakua script ambayo inaruhusu wewe kujenga dirisha pop-up moja kwa moja, tu kurekebisha kidogo vitendo vya programu.