Modal jQuery window - chii chaunoda uye kuti ungaiisa sei

Kuti uwane mhinduro kumubvunzo wako, pane dzimwe nguva unofanira kupedza nguva yakawanda, kunyanya kana pane yewebhu web design, kwete kunyanya kuzivikanwa munyaya dzakadaro, munhu wacho akasarudza kuumba saiti ari oga. Iyo jquery modal window inogona kuva imwe yemabasa akadai anonakidza.

Kune zvakawanda zvemahwindo akadaro paInternet. Zvinoratidzika kuti iwe unongoda kuakanyora nekuisa pawebsite yako ... Zvisinei, hazvisi zvose zviri nyore. Sezvo rombo ringave, kune zvimwe zvinyorwa, nekuda kwekuti zvinhu zvose zvakadziviswa, uye hazvigoni kugadzirisa basa racho, nokuti hapana ruzivo runodikanwa rweizvi. Nokudaro, pane kukurumidza kutora pa modal hwindo pajhipery nemaputi mazhinji anofadza, zvakaoma kuita, zviri nani kutanga nediki, iyo iri nyore chaizvo modal window pasina matambudziko asina kufanira.

Kana pane bhaibheri pane imwe nzvimbo pazwipress, saka zvinhu zvose zvakajeka, uye hapana matambudziko anowanzobuda, nokuti inotova nezvakawanda zvakagadzirirwa-yakagadziriswa mhinduro - dzakasiyana-siyana-pop-up modules. Asi pane zvakasarudzwa zvakasiyana, uko paunofanira "kuumba" modal window iwe pachako kana kutendeukira kumabhadharo ekubhadharwa eyanzvi. Chengeta, sezvaunoziva, hapana anoda, kunyanya kana zvichiita kuti iwe unongoda kusvika kune imwe nzvimbo, uye zvose zvichabuda nokukurumidza uye zvakakwana zvachose.

Iyo jquery modal hwindo inokosha pakuratidza zvinyorwa zvinofanana nemashoko ari peji uye anoipedzisa.

JQuery - chii ichi?

Kuti uwane kunzwisisa kwakakwana, kana munhu asingazivi, saka jquery iri raibhurari yeJavaScript, uye iyo yekupedzisira inoreva chikamu chekodhi chakaiswa mumutsetse wekhasi yewebhu uye inokubvumira kuti uwane zvinetso zvakasiyana zvisingagoni kushandiswa mukati me HTML neCSS. Chimwe chimiro chechikamu ichocho chekodha chinogona kunge chiri musi chaiwo kana nguva yakaratidzwa pane peji.

Vagadziri veraibhurari vane webhusaiti yepamutemo, vachivandudza uye vachizadzisa nguva dzose, maererano neiyo pane ose maBhaibheri matsva anopa mabhuku matsva.

Kuita jquery kunzwisisa kuti unoda izvi kana kuti izvi, pane CSS mutauro une mavara emashizha.

CSS Mutauro

CSS mukushandura zvinoreva "kutsika mavara mapepa". PaIndaneti, zvino hazvibviri kuwana nzvimbo isina kushandisa mutauro uyu.

Saka, mu modal windows jquery uye CSS inonyanya kukosha uye inokosha. Saka, kana jquery isingabatanidzi, unofanira kuita izvi.

Kuti uite izvi, nyora zvinotevera mukati memutambo wepamusoro:

Ndeapi mawindo emafaira?

A simple modal jquery window iyo inowanikwa kana nzvimbo yacho ichitakurwa inogona kubatsira kuitira kuwedzera nhamba yevanyoresa. Iwindo rinouya apo peji iri yakazarurwa. Izvo hazvivhiringidzi uye hazvo zvinotyisa chero munhu, sezvo zvichangovhara nyore nyore nekunetseka zvishoma, uye bhokisi rekiki richava nekiki pairi, uye kana iwe ukanyora pairi, iyo inonyangarika modal window haichazovizve zvakare.

Pop-up hwindo

Iwindo re-pop-up pane jquery, rinoratidzwa peji kamwechete, ndeimwe yezvimwe zvema modal madi.

Kuti uite izvi, nhanho dzinoverengeka dzinoda kutorwa.

Iwe unogona kushandisa mahwendefa chaiwo kwema modal madi. Zvakanakisa kuvadzivirira kubva kunekugadzirwa kwemasayithi, somuenzaniso, arcticModal. Iyo yakabatana sezvinotevera:

Pasina kusimbisa festi yewindo, imwe yemitambo yakazara yepulazi ichaita seyiyi:

Zvadaro, vhura mukiki:

Nyora HTML code, inopa ruzivo kumushandisi:

Iko arctimonial-close class in code inoreva kuti jQuery modal window inovhara nayo.

Icho ndicho chirevo chekupedzisira:

Zvimwe zvemasarudzo anoshandiswa zvinoreva zvinotevera:

CloseOnOverClick: ichasarudza kana festile ivhara paunenge uchinge uchivhara.

CloseOn Esc: zvinoreva kupikisa Esc.

Rinopera: Kunotsanangura nguva iyo cookie ichachengeta. Muchidimbu chinoshandiswa, nguva ino ichave mazuva makumi matanhatu, ndiko kuti, hwindo haritauri kwemwedzi miviri. Cookies inoshandiswa nguva dzose nguva yaunoshanyira.

Sezvo wakadzidza kuti ungaisa sei pawebsite yako modal jQuery window, iwe unogona, kana zvichidiwa, enda kune zvakasiyana zvakasiyana-siyana. Kuti uite izvi, wedzera maitiro akasiyana-siyana eCSS, uye firiji ichave yakasiyana zvachose nema modal windows eimwe nzvimbo.

Kufunga uye kufunga kunobatsira, nekuda kwezvakagadziriswa, kuwedzera zvakanyanya nhamba yevanyoresa, uye muIndaneti mabhizimisi akaiswa neunyanzvi mawindo emadhora anogona kuwedzera kutengesa dzimwe nguva. Saka, nguva inoshandiswa pakurongwa uye kuisa mahwindo yakarurama uye ichabhadhara!

Mhando dze modal windows

Mawindo e modal ari kubuda-famba kuburikidza nebhokisi rakakodzera kana akatakurwa peji uye kuonekwa pakarepo pakunyorera. Havagone kuonekwa pakuvhara kweimwe nguva yenguva, kana cookie inogadziriswa, semuenzaniso wepamusoro, uye inogona kuonekwa nguva imwe neimwe peji iri kutakurwa. Kune mahwindo emagetsi anogadzirirwa munzvimbo imwe uye anoramba aripo, pasinei nekufambisa kwepaji peji, uye inogona kusimba apo festi ine zvinyorwa nehubatanidza, uye musikana anopfuura napo. Zvadaro firiji chete ichavandudzwa, kana peji yepakutanga ichiramba isina kuchinjwa.