"JQuery modalinis langas - ko jums reikia ir kaip įdiegti

Norėdami rasti atsakymo į savo klausimą, kartais jūs turite praleisti daug laiko, ypač jei tai ateina į web dizainas yra ne itin išmanantis tokius dalykus žmonės nusprendė sukurti svetainę apie savo. jQuery modalinis langas gali būti vienas iš šių skausmingų problemų.

Internete, šie langai, galima rasti labai daug. Atrodo, kad tik reikia nukopijuoti ir įklijuoti juos į jūsų svetainę ... Tačiau ne viskas taip paprasta. Kaip tyčia, yra bet kokia detalė, dėl kurios viskas yra slopinamas, ir neįmanoma išspręsti šią problemą, nes nėra šios žinių poreikis. Todėl teisė pasiimti jQuery modalinio langą daug įdomių lustai, kompleksas vykdymą, geriau pradėti mažas, labai paprastas modalinį langą be jokių nereikalingų problemų.

Jei turite dienoraštį kažkur mus WordPress, tai visi labai paprasta ir jokių sunkumų dažniausiai iškyla, nes jis jau turi gatavų sprendimų daug - įvairių pop-ins. Tačiau taip pat yra labai skirtingi variantai, kai vienas turi savo "Sculpt" modalinį langą ar pasukti į mokamų paslaugų specialistai. Mokėti kaip žinote, niekas nenori, ypač kai atrodo, kad tiesiog reikia patekti į branduolį, ir viskas pavyks gana greitai ir visiškai nemokamai.

JQuery modalinis langas yra būtina, kad būtų rodomas turinys, kuris eina kartu su informacija puslapyje ir papildo ją.

JQuery - kas tai?

Norint visiškai suprasti, jei kas nors nežino, jQuery - JavaScript biblioteka, o pastarieji, savo ruožtu, reiškia kodo įvesta interneto puslapio kodą skyrių ir leidžia pasiekti įvairius efektus, kurie negali būti įgyvendinta per HTML ir CSS sistemą. Tipiškas pavyzdys tokio kodo dalį gali būti dabartinė data arba laikas rodomas puslapyje.

Bibliotekos kūrėjai turi oficialią svetainę, kompetenciją ir yra nuolat atnaujinamas, todėl yra naujos versijos, siūlanti naujų bibliotekų.

Kad būtų aišku, JQuery, jums reikia tai ar tokį poveikį, yra kalba su CSS stilių.

CSS kalba

CSS reiškia "pakopinių stilių". Internetas yra dabar neįmanoma rasti svetainę, kuri nebūtų naudojamas kalbą.

Todėl, modalinio langų JQuery ir CSS yra praktiškai būtina ir nepakeičiama. Todėl, jei jQuery neprijungtas, būtina tai padaryti.

Norėdami tai padaryti, per galvos žyma įterpiama:

Kas yra modalinis langą?

Lengvai jQuery modalinis langas rodomas, kai atsisiųsti svetainę, tai gali būti naudinga didinti abonentų skaičių. Ekrane pasirodys langas, kai puslapis atsidaro. Tai neblaško dėmesio ir mažai tikėtina, kad panika niekam, nes ne menkiausio diskomforto lengvai būti uždarytas, o uždarymo mygtukas bus slapukai, ir jei paspausite ant jos dingo modalinis langas nebus pop-up dar kartą.

Ačiū langas

Iššokantis langas apie JQuery, rodomas puslapyje tik vieną kartą, tai yra viena iš transporto rūšių langų variantų.

Įgyvendinti būtina atlikti keletą žingsnių.

Jūs galite naudoti specialų papildinį modalinio langai. Tai geriausia juos parsisiųsti iš kūrėjo Pavyzdžiui, arcticModal. Prijungti jį taip:

Be langų dekoravimo stilių vieną iš standartinių plug-in atrodys taip:

Kitas, prijunkite plug-slapuką:

Tai yra parašyta HTML, kuris paduodamas informacija vartotojui:

Nurodyta kodas klasės arctimonial arti reiškia, kad su juo JQuery modalinis langas užsidarys.

Kitas ateina galutinis scenarijus:

Kai kurie iš naudojamų parametrų, yra šie:

closeOnOverClick: bus nustatyta, ar langas yra uždarytas, kai paspausite ant perdangos.

CloseOn Esc ": reiškia paspaudus Esc.

Galioja iki: nurodo laiką, per kurį slapukas bus išsaugotas. Siūlomame variante, šį kartą bus šešiasdešimt dienų, tai yra, langas nebus rodomas du mėnesius. Slapukas yra atnaujinama kaskart aplankyti.

Mokantis, kaip sukurti savo svetainę JQuery modalinio lange, galite pereiti prie labiau išsivysčiusių variantų, jei reikia. Norėdami tai padaryti, pridėti CSS stilių įvairovė, ir langas bus visiškai skiriasi nuo modalinis langų kitų svetainių.

Fantazija ir vaizduotė Pagalba sprendimai ženkliai padidinti abonentų skaičių ir Interneto parduotuvės sumaniai įterptas modaliniai langai gali žymiai padidinti pardavimus. Todėl laikas, praleistas programavimo ir montavimo langų, įsitikinkite, kad pateisinti ir atsipirks!

Tipų modalinis pluoštas langą

Modaliniai langai pop-up kai jūs paspauskite ant atitinkamo mygtuko ar pakrautas su puslapį, ir atrodo tuoj paleidžiant. Jie gali uždarymo nebeliks tam tikrą laiką, jei slapukas yra nustatytas, kaip pirmiau pateiktame pavyzdyje, ir gali pasirodyti kiekvieną kartą, kai puslapis yra pakrautas. Yra modaliniai langai, pritvirtintu vienoje vietoje, ir jis išliko, nepaisant judėjimo puslapyje, ir gali būti dinamiškas, kai lango viduje pateikiama informacija ir nuorodos, ir jis eina į vartotoją. Tik tada langas bus atnaujintas su į nekintamą būseną pradinio puslapio dalį.