JQuery modale venster - wat jy nodig het en hoe om te installeer

Om die antwoord op jou vraag te vind, soms moet jy 'n baie tyd te spandeer, veral as dit kom by die web-ontwerp is nie baie vertroud met sulke sake mense besluit om 'n webwerf op hul eie te skep. jQuery modale venster kan wees een van hierdie pynlike probleme.

Op die Internet, kan hierdie vensters word gevind dat 'n groot aantal. Dit blyk dat net nodig het om te kopieer en plak dit op jou webwerf ... Maar nie al so eenvoudig nie. Soos die geluk dit wil hê, is 'n detail, as gevolg van wat alles geïnhibeer, en dit is onmoontlik om die probleem op te los, want daar is geen rede vir hierdie kennis. Daarom is die reg om af te haal op jQuery modale venster op die baie interessante chips, komplekse in uitvoering, beter om klein, baie eenvoudig modale venster begin sonder enige onnodige probleme.

As jy 'n blog het iewers op ons wordpress, dit is alles baie eenvoudig, en ontstaan geen probleme gewoonlik, want dit het reeds 'n baie pasklaar oplossings - verskillende pop-ins. Maar daar is ook baie verskillende opsies, waar 'n mens hul eie "sculpt" 'n modale venster of draai om dienste betaal spesialiste. Betaal soos jy weet, niemand wil, veral wanneer dit blyk dat net nodig het om die kern te kry, en alles sal uitdraai redelik vinnig en heeltemal gratis.

JQuery modale venster is wat nodig is om die inhoud wat daarmee gepaard gaan met die inligting oor die bladsy en vul dit te vertoon.

jQuery - wat is dit?

Om ten volle te verstaan as iemand nie weet, jQuery - 'n JavaScript-biblioteek, en laasgenoemde op sy beurt, beteken 'n afdeling van die kode wat in die web-bladsy kode en laat jou toe om verskillende effekte, wat nie binne die raamwerk van HTML en CSS geïmplementeer kan word bereik. 'N Tipiese voorbeeld van so 'n kode gedeelte kan wees die huidige datum of tyd vertoon op die bladsy.

Die ontwikkelaars van die biblioteek 'n amptelike webwerf, uitnemendheid en is voortdurend opgedateer, en daarom is daar nuwe weergawes, die aanbied van nuwe biblioteke.

Om dit duidelik aan die jQuery maak, hierdie of daardie effek wat jy nodig het, is daar 'n taal met CSS style sheets.

CSS taal

CSS beteken "Cascading Style Sheets". Die Internet is nou onmoontlik om 'n webwerf wat nie die taal sou gebruik vind.

Daarom, in modale vensters jQuery en CSS is prakties nodig en onvervangbaar. Daarom, as jQuery nie gekoppel is, is dit nodig om dit te doen.

Om dit te doen binne die kop tag word soos volg plaas:

Wat is die modale venster?

Maklik die jQuery modale venster, vertoon word wanneer die aflaai werf, kan dit nuttig wees om die aantal intekenaars te verhoog. 'N venster vertoon wanneer die bladsy oopmaak. Dit is nie steurende en dit onwaarskynlik dat enigiemand af te skrik nie, want by die geringste ongemak maklik gesluit, en die noue knoppie sal koekies wees, en as jy op dit verdwyn modale venster sal nie weer verskyn.

opspring venster

Pop-up venster op die jQuery, vertoon op die bladsy net een keer, dit is een van die variante van modale vensters.

Uit te voer is dit nodig om 'n aantal stappe te maak.

Jy kan 'n spesiale plugin vir modale vensters gebruik. Dit is die beste om hulle uit die ontwikkelaar te laai, byvoorbeeld, arcticModal. Verbind dit soos volg:

Sonder 'n venster versiering styl van een van die standaard plug-in sal soos volg lyk:

Volgende, maak 'n plug-koekie:

Dit is geskryf in HTML, wat gevoed inligting aan die gebruiker:

Vermeld in die kode klas arctimonial-close beteken dat met hom jQuery modale venster sluit.

Volgende kom die finale draaiboek:

Sommige van die parameters wat gebruik word, is soos volg:

closeOnOverClick: sal bepaal of die venster is gesluit wanneer jy kliek op die oortrek.

CloseOn Esc: beteken druk die Esc.

Gedoen: spesifiseer die tyd waartydens die koekie gestoor word. In die voorgestelde verpersoonliking, sal hierdie tyd sestig dae, dit wil sê, sal die venster nie vertoon word vir twee maande. Die koekie word elke keer wat jy besoek opgedateer.

Deur te leer hoe om op te rig op jou site jQuery modale venster, kan jy aanbeweeg na meer gevorderde opsies as dit nodig is. Om dit te doen, voeg 'n verskeidenheid van CSS style, en die venster sal heeltemal anders as die modale venster ander webwerwe wees.

Fantasie en verbeelding help met oplossings aansienlik die aantal intekenaars te verhoog, en Internet winkels bekwaam ingevoeg modale vensters in staat is om verkope aansienlik verhoog. Daarom is die tyd spandeer op die ontwikkeling en installering van vensters, is seker te regverdig en af te betaal!

Tipes modale venster

Modale vensters is pop-up wanneer jy kliek op die toepaslike knoppie of gelaai met die bladsy, en verskyn onmiddellik op opstart. Hulle kan by afsluiting nie langer vertoon 'n sekere tydperk van die tyd, as 'n koekie is ingestel, soos in die voorbeeld hierbo, en kan elke keer as die webblad gelaai verskyn. Daar is modale vensters, op een plek vas, en dit het gebly, ten spyte van die beweging op die bladsy, en kan dinamiese wees, wanneer die binnekant van die venster inligting met 'n skakel bevat, en dit gaan die gebruiker. Eers dan die venster sal opgedateer word met die res in die onveranderlike toestand van die oorspronklike blad.