JQuery hüpikakna, ülevaate loomine

Üks võimalus, et meelitada kasutajaid veebisaidil on pop-ups. Muidugi, see ei anna absoluutset tagatist suurendada käimist, kuid siiski juba mõnda aega, nad kutsuvad tähelepanu teabele.

Loo hüpikaken jQuery - ei ole kerge ülesanne, kuid kui sa tahad seda sooritatav. Ja veel, enne kui hakkate luua selline toode, on vaja esindada visuaalselt, mis see on ja kuidas see välja näeb.

Saidi lehekülge on loodud kasutades HTML. On see, järjekorras, mis meeldib omanik ressurss, pannakse nupud. Tegemist võib olla paar tükki (üks ...), äranägemisel luua. Klõps sellel nupul, näeb külastaja hüpikaken jQuery. Nende sisu või võib olla täiesti erinev, nagu pildil või atraktiivne uus vorm registreerimist, reklaam, kiri, jah midagi. Fantasy selles küsimuses ei ole piiratud mingeid piire. Pop-up aknad sageli esilehel saidi selge tumedal taustal ja igaüks neist on ikoon, kasutajate tavaliselt aru intuitiivselt. Võimalused on lõputud seda funktsiooni.

Esmapilgul luua selline asi on raske, kuid see on vale mulje. Kui on soov ja vajadus on olemas, miks see ei ole aru saada rohkem? Isegi kui paljud ei saa aru, seal on alati võimalus õppida protsessi pöördunud spetsialistid. Võtame näiteks luua ja paigutada nupp, mis käivitab registreerimise aknad, pilte või fotosid ja klapid. Kasutades javascript pop-up aken, või pigem nupule, valmistame viide ja küsida kõiki neid ühise klassi. Viited paigutatud div tag-a.

Rel atribuut, lisatakse igale vastab täpselt klassi nimi akna ja võimaldab teil avastada õige, vaevalt klõpsates lingil. Kõik, popup jQuery oleme loonud. Nüüd jääb teha puhas ja atraktiivne. See nõuab kasutamise stiile.

Tööstiili ei põhjusta raskusi: kõik on lihtne ja selge. Me peame vaid veidi teadmisi keele HTML. Aga isegi kui kasutaja ei saa sellest aru, vajalikku teavet on lihtne leida internetis. JQuery nupud, pop-up aknad vaatasid kõik seni tuntud brauserid on võrdselt kena ja korras, on vaja: a) keskele lingiühikud; b) ümardada nurkades; c) ühendada PIE IE 7-8.

Üldiselt HTML Markup on sama kõigi pop-ups. Seetõttu kasutamise silte ei tohiks saada riputatud, kui te ei oma piisavalt meeles pidada mõningaid lihtsaid. Erinevus on ainult disaini suurus, mis on üks jQuery hüpikakna laius on teistmoodi. Sama kehtib ka sisu.

Et mahutada registreerimisvormi eespool tag peaks olema kirjutatud järgmiselt:

lähedal

Registreeri Online

Sisesta oma kasutajanimi: Sisestage parool:

Selles kanne kattub atribuut reg_form rel esimene nupp ja kahekordse ümbrise klassi ühikuks hüpikaken reg_form (ruumi vaja). See silt võimaldab teil luua nii ühise stiili kõik pop-up aknad ja seada konkreetseid parameetreid iga eraldi.

Edasi hakkavad panna nuppe pilte. Siin on sama: topelt näidatud klassi ja tähistatud tee kaust, kuhu pildid asuvad. Noh, hiljem samas vaimus.

Kui olete loonud ainult reguleerida üldise välimuse saidi lehti, siis registreerige eeskirjad aknad. See tähendab, et nad on kõik võrdselt projekteeritud, toimetanud horisontaalselt, ning igaühel on nupp, mis vastutab sulgemise akna ja selle pealkiri. Lisaks nad on peidetud laadimisel ressurss lehel.

Kui ei ole soovi seda ise teha, on alati võimalus alla laadida skripti, mis võimaldab teil luua pop-up aken automaatselt, vaid veidi korrigeerida tegevust apletid.