Jquery popup window, isang pangkalahatang-ideya ng pagtatatag

Ang isang paraan upang akitin ang mga gumagamit sa site ay ang mga pop-ups. Of course, ito ay hindi magbigay ng isang ganap na garantiya ng pagtaas ng pagdalo, ngunit pa rin para sa ilang oras, tumawag sila ng pansin sa impormasyon.

Lumikha ng isang popup jquery - hindi isang madaling gawain, ngunit kung nais mo ito maaaring gawin. At gayon pa man, bago ka magsimula upang lumikha ng tulad ng isang produkto, ito ay kinakailangan upang kumatawan visually kung ano ito at kung paano hitsura nito.

mga pahina ng site ay nilikha gamit ang HTML. Dito, sa pagkakasunud-sunod, na kung saan gusto ang may-ari ng mapagkukunan, ay inilalagay buttons. Maaaring may ilang piraso (isa sa ...), ang pagpapasya upang lumikha ng. Ang pag-click sa button na ito, ang mga bisita ay makikita ang isang popup jquery. Ang nilalaman ng mga ito o maaaring hindi ganap na naiibang, tulad ng isang larawan o isang kaakit-akit bagong form ng pagpaparehistro, advertising, mensahe, oo kahit ano. Fantasy sa bagay na ito ay hindi limitado sa pamamagitan ng anumang mga hangganan. Pop-up window ay madalas na masakop page ng site malinaw na madilim na background at sa bawat isa sa mga ito doon ay isang icon, ang mga gumagamit ay karaniwang naiintindihan intuitively. Ang mga posibilidad ay walang katapusang function na ito.

Sa unang tingin, upang lumikha ng tulad ng isang bagay ay mahirap, ngunit ito ay isang maling impression. Kung may isang pagnanais at pangangailangan umiiral, kung bakit ito ay hindi upang maunawaan ang higit pa? Kahit na maraming hindi maunawaan, doon ay palaging ng pagkakataon na pag-aralan ang proseso ng pag-on sa mga propesyonal. Tingnan natin ang, halimbawa, lumikha at maglagay ng button na makakapag-trigger ang registration bintana, mga larawan o mga larawan at tab. Gamit ang javascript pop-up window, o sa halip ang pindutan, hinahanda namin ang isang reference at magtanong para sa kanilang lahat ang isang pangkaraniwang klase. Mga link na inilagay sa loob ng div tag-a.

Ang rel attribute, idinagdag sa bawat eksaktong tumutugma sa pangalan ng klase ng window at nagbibigay-daan sa iyo upang matuklasan ang mga karapatan, bahagya ng pag-click sa link sa itaas. Lahat, popup jquery na nilikha namin. Ito ngayon ay nananatiling upang gawin itong malinis at kaakit-akit. Ito ay nangangailangan ng paggamit ng mga estilo.

estilo Trabaho ay hindi maging sanhi kahirapan: lahat ng bagay ay simple at malinaw. Kailangan namin lamang ng isang maliit na kaalaman sa HTML wika. Ngunit kahit na kung ang gumagamit ay hindi maunawaan ito, ang mga kinakailangang impormasyon ay madaling mahanap sa Internet. Upang pindutan jquery, mga pop-up window ay tumingin sa lahat ng mga kilalang sa petsa browser ay pantay maganda at malinis, ito ay kinakailangan: a) upang igitna link units; b) na round off ang mga sulok; c) ikonekta PIE sa IE 7-8.

Sa pangkalahatan, HTML markup ay pareho sa lahat ng mga pop-ups. Samakatuwid, ang paggamit ng mga tag ay hindi dapat makakuha ng hung kung hindi mo pag-aari sapat upang matandaan ang ilang mga pangunahing. Ang pagkakaiba lamang sa disenyo ng laki, iyon ay, isa jquery popup window width iiba ang hitsura. Ang parehong naaangkop sa mga nilalaman.

Upang mapaunlakan ang registration form sa tag itaas ay dapat na nakasulat na tulad ng sumusunod:

malapit

Magrehistro Online

Ipasok ang iyong username: Ipasok ang password:

Sa entry na ito coincides sa attribute reg_form rel unang pindutan, at ang double balot klase unit ay tinukoy popup reg_form (space kinakailangan). Ang label na ito ay nagbibigay-daan sa iyo upang lumikha ng isang pangkaraniwang estilo para sa lahat ng pop-up window, at i-set mga tiyak na mga parameter para sa bawat hiwalay.

Susunod, simulan upang ilagay ang mga pindutan para sa mga larawan. Dito ay pareho: double klase ipinahiwatig at minarkahan ang path sa folder kung saan ang mga imahe ay matatagpuan. Well, sa ibang pagkakataon sa parehong espiritu.

Pagkatapos mong lumikha lamang ayusin ang pangkalahatang hitsura ng mga pahina sa iyong site, magparehistro panuntunan para sa mga bintana. Iyon ay, ang mga ito ay ang lahat ng pantay-pantay na dinisenyo, na-edit nang pahalang, at lahat ay magkakaroon ng isang pindutan na ay responsable para sa pagsasara ng window at pamagat nito. Bilang karagdagan, sila ay nakatago kapag naglo-load ang pahina ng mapagkukunan.

Kung walang pagnanais na gawin ito sa iyong sarili, doon ay palaging ang pagpipilian upang i-download ang isang script na nagbibigay-daan sa iyo upang lumikha ng isang pop-up window ay awtomatikong, lamang bahagyang pagwawasto pagkilos applets.