JQuery modal window - mea e pono ai, a no ka hoʻouka pehea

E imi i ka pane ana i kau ninau, i kekahi manawa, ia oukou i e pana aku au i ka hailona o ka manawa, o ka oi aku ina e hele mai i ka pūnaewele manao ua ole pakahi aku la ia, haohao o loko o ia mau mea kanaka hoʻoholo e ho okumu i ka punaewele ma luna o lākou iho. jquery modal window hiki ia i kekahi o kēia mau eha pilikia.

Ma ka Internet, i kēia mau puka makani hiki ke loaʻa i ka nui loa. Pēlā ka manaʻo e wale pono e kope a kāpili ia i kou punaewele ... naʻe,ʻaʻole nā mea a pau no ka poe noonoo ole. I loaa a makemake i ia, o kekahi au mamuli, no ka mea, o ka a pau ua inhibited, a he mea hiki ole ia ke hoʻoponopono i ka pilikia, no ka mea, aohe pono no keia ike. Nolaila, i ka pono, eʻohi mai ma jquery modal window ma ka nui hana hoihoi? Inoaia, eiiieaen ma ka hoʻokō, maikaʻi, e hoʻomaka uuku, loa na mea modal window me kekahi ole pilikia.

Inā 'oe i kekahi moʻomanaʻo hanohano ma luna o mākou wordpress, ka mea,' o nā mea a pau loa na mea, aʻaʻohe pilikia ana aicieeaao, e like me ka mea ua loaʻa he wahi lihi iki o ka hoomakaukau-i kākoʻo pāʻoihana - okoa Pop-ins. Akā, he mea nui okoa koho no hoi, i kahi o kekahi i ko lakou mau "sculpt" he modal window a huli i ka uku lawelawe hoʻomalu. Uku aku e like me kou ike ana, i kekahi makemake, o ka oi aku ia mea nani ia e pono e kiʻi ai i ka 'ōlelo, a e huli nani hookeai, a ihola ia noa na mea a pau mai.

Jquery modal window mea pono e hōʻike 'ana i ka maʻiʻo e hele a me ka' ike ma ka 'aoʻao a me ka complements ia.

jQuery - He aha ka mea?

maopopo i ka loa ina kekahi, aole ia i ike, jquery - he pio ka Waihona Puke, a me ka mea hope, ma ka huli, 'o ia hoʻi ka mahele o ke kuhi hoʻolauna ma ka pūnaewele puni honua-ʻaoʻao karaima mai, a leie aku oe e hoʻokō okoa loa, i hiki ole ke hoʻokō i loko o ka? aieao o HTML a me CSS. A typical laʻana o ia i kuhi kuleana e ia i kaʻikena lā a me ka manawa e hōʻike 'ia ma kaʻaoʻao.

Nā haku polokalamu o ka waihona mai ka oihana aoʻao pūnaewele puni, poʻokela, a ua mau ka moʻolelo, a no laila, ua hou XAaOOEN, a kaumaha hou hale waihona puke.

I e ka mea ike i ka jquery, e pono keia a me ka mea like me ia, aia no he 'ōlelo me ka CSS kaila a lahilahi.

CSS Language

CSS o ia hoʻi, "cascading kaila a lahilahi". I ka Internet mea manawa ole, e huli i ka paena i makemake ole hoʻohana i ka 'ōlelo.

No laila, i loko o modal puka makani jquery a me ka CSS mea kokoke e pono ai a me ka irreplaceable. Nolaila, ina ua ole pili jquery, ia mea pono e hana ai.

E hana i kēia i loko o ka Tag poʻo ua hookomoia like penei:

He aha nō ka modal puka aniani?

Maʻalahi ka jquery modal puka aniani, e hōʻike 'ia ka wā ka hoʻoiliʻana paena, mea paha e pono e hoomahuahua i ka helu o nā mea kūʻai mai. A puka makani, e hōʻike i ka wa a ka palapala wehe. Ia mea,ʻaʻole distracting a me ka olelo lealea e hoʻomakaʻu kekahi, no ka mea, ma ka mea iki discomfort oluolu e pani, a me ka pihi pili e e nā kuki, a ina e kaomi ma luna o ka mea nalowale modal window e ole pukaaniani i hou.

popup window

Pop-i window ma ka jquery, e hōʻike ma kaʻaoʻao wale nō, hoʻokahi houʻana, ka mea, o kekahi o na Lolina o modal puka makani.

E hoʻokō i ia mea e pono ia e ka helu o nāʻanuʻu.

Hiki nō ke hoʻohana i ka kūikawā LIKE no modal puka makani. He aho e download Na ia lakou, mai ka mea haku polokalamu, no ka laʻana, arcticModal. Hoʻohui mea like penei:

Me ka puka makani mea hoʻonani kaila o kekahi o ka hae polokalamu-ma, e nānā me keia:

Next, hoʻohui i ka polokalamu mākaʻikaʻi no ka wai huaʻai:

Ua Ua palapala i loko o HTML, i mea i kūpaluʻia 'ike i ka mea hoʻohana:

I hoakaka ia ma ka eiae papa arctimonial-kokoke loa 'o ia hoʻi ia me ia jQuery modal window pani.

Next hele mai ke kōmi'ōkuhi hope loa:

Kekahi o na mea kiko'î a hoʻohana 'ia e like penei:

closeOnOverClick: e ike ai i ko ka puka aniani mea paʻa, i ka wa e kaomi ma luna o ka uhi.

CloseOn Esc: ia hoʻi, ua e ka Esc.

Make: hoʻomōakaaka ka manawa manawa a ka ka wai huaʻai, e waiho waho. I ka mea i manaoiaʻano, i kēia manawa e, e lā he kanaono,ʻo ia hoʻi, i ka puka aniani eʻaʻole e hōʻike i nā mahina. Ke ka wai huaʻai ua hōʻano hou 'ia kēlā me kēia manawa e kipa.

By pehea e kau mai ma luna o kou paena jQuery modal window ke aʻo 'ana, e hiki ke neʻe ma i oi holomua koho inā pono. E hana i kēia, hui aku i kekahiʻano o ka CSS styles, a me ka puka aniani e e loa okoa mai ka modal puka aniani'ē aʻe hoʻopunipuni.

e hiki ke hoomahuahua i kuai ana me ka nui loa Fantasy a me ka manaʻo kōkua me nā pāʻoihana me ka nui loa hoʻonui i ka helu o nā mea kūʻai mai, a me ka Internet hale kūʻai skillfully hookomoia modal puka makani. No laila, i ka manawa hoolilo ma iaaiey a me ka mea hoʻonoho o ka puka makani, eʻoiaʻiʻo e hoapono ia ia, a uku aku!

Kind o modal window

Modal puka makani i Pop-i ka wā e kaomi ma luna o ke pihi kūpono 'ole Hoʻoili aʻela i kaʻaoʻao, a me ka mea akaka koke i mea hoʻomaka. Ka mea, ma ka panina ikea hiki hou i kekahi kōā o ka manawa, ina i ka wai huaʻai ua kau, e like me ia ma ka mea ma luna kumu hoʻohālike, a iʻikeʻia i nā manawa i ka palapala ua ukana. Aia i modal puka makani, paa ma kekahi wahi, a me ka mea i koe, ma naʻe o ka neʻeʻana ma kaʻaoʻao, a hiki e hōʻeuʻeu, ka wā o ka loko o ka puka makani he 'ike me ka loulou, a ia ae i ka mea hoʻohana. Wale laila e e hōʻano hou 'ia i ka puka me ke koena i ka luli ole ana o ka palapalaʻaoʻao.