JQuery iššokantį langą, kurio sukūrimo apžvalga

Vienas iš būdų pritraukti vartotojus į svetainę yra pop-ups. Žinoma, tai nesuteikia absoliučios garantijos dėl didėjančio dalyvavimo, bet vis dar tam tikrą laiką, jie atkreipti dėmesį į informaciją.

Sukurti iššokantį jQuery - nėra lengva užduotis, tačiau, jei norite, kad jis vykdytinas. Ir dar, prieš pradėdami kurti tokį produktą, būtina atstovauti vizualiai kas tai yra ir kaip tai atrodo.

Svetainės puslapiai sukurtas naudojant HTML. Apie tai, tvarka, kuri, kaip ištekliaus savininkas, dedami mygtukus. Gali būti keletas vienetų (vienas į ...), diskreciją sukurti. Paspaudę šį mygtuką, lankytojas matys iššokantį jQuery. Iš šių ar turinys gali būti visiškai kitoks, toks kaip paveikslėlyje, arba patrauklią naujos formos registracijos, reklama, pranešimas, YES nieko. Fantazija šiuo klausimu yra ne tik jokiomis ribomis. Pop-up langai dažnai Viršelis svetainės aiškiai tamsiame fone ir ant kiekvieno iš jų yra piktograma, vartotojai paprastai suprantama intuityviai. Galimybės yra neribotos ši funkcija.

Iš pirmo žvilgsnio, kurti toks dalykas yra sunku, tačiau tai yra klaidinga įspūdį. Jei yra noras ir poreikis egzistuoja, kodėl tai nėra suprasti daugiau? Net jei daugelis nesupranta, visada yra galimybė studijuoti kreipiasi į specialistus procesą. Paimkime, pavyzdžiui, sukurti ir įdėti mygtuką, kuris sukels registracijos langai, nuotraukas ar nuotraukas ir skirtukus. Naudojant javascript pop-up langą, ar veikiau mygtuką, ruošiame nuorodą ir paprašyti juos visus bendra klasės. Nuorodos įdedama viduje div žymėmis a.

Rel atributas, pridedama prie kiekvieno tiksliai atitinka su klasės pavadinimu langą ir leidžia jums atrasti teisę, vos paspaudę aukščiau esančią nuorodą. Viskas, Ačiū JQuery, mes sukūrėme. Tai dabar lieka, kad jis tvarkingas ir patrauklus. Tai reikės stilių naudojimą.

Darbo stilius nesukelia sunkumų: viskas yra paprasta ir aiški. Mums reikia tik šiek tiek žinių apie kalbos HTML. Bet net jei vartotojas nesupranta, reikalinga informacija yra lengva rasti internete. JQuery mygtukų, pop-up langai pažvelgė visi žinomi Aktualų naršyklėse vienodai gražus ir tvarkingas, yra būtina: a) iki centro nuorodų rinkinius; b) suapvalinti kampus; c) prijungti Pie į IE 7-8.

Apskritai, HTML žymėjimą bus tas pats visiems pop-ups. Todėl žymių naudojimas neturėtų gauti pakabinti, jei jūs neturite pakankamai prisiminti kelias pagrindinis. Skirtumas yra tik dydžio, tai yra, vienas jQuery iššokantį langą plotis atrodys kitaip dizainas. Tas pats pasakytina ir apie turinį.

Prisitaikyti prie registracijos formą pirmiau žyma turėtų būti parašyta taip:

arti

Registruotis Prisijungę

Įveskite savo vardą: Įveskite slaptažodį:

Į šį įrašą sutampa su atributas reg_form rel pirmą mygtuką, ir dvigubos įvynioti klasės vienetas yra apibrėžiamas iššokantį reg_form (būtinas tarpas). Ši etiketė leidžia jums sukurti kaip bendrą stilių visiems Pop-up langus, ir nustatyti konkrečius parametrus kiekvienam atskirai.

Be to, pradeda dėti mygtukus nuotraukų. Čia yra tas pats: dvigubas klasė nurodyta ir pažymėta kelią į aplanką, kuriame yra vaizdai. Na, o vėliau ta pačia dvasia.

Sukūrę tik reguliuoti bendrą išvaizdą jūsų svetainės puslapius, uržegitruokite taisykles langai. Tai yra, jie visi vienodai suprojektuoti, redagavo horizontaliai, ir kiekvienas turės mygtuką, kuris yra atsakingas už lango ir jo pavadinimo uždarymo. Be to, jie bus paslėpta, kai pakrovimo išteklių puslapį.

Jei nėra noro tai padaryti patys, visada yra galimybė atsisiųsti scenarijų, kuris leidžia jums sukurti pop-up langą automatiškai, tik šiek tiek koreguoti veiksmų programėles.