Jquery popup-vinduet, en oversikt over etableringen

En måte å tiltrekke brukere til nettstedet, er pop-ups. Selvfølgelig ikke dette gi en absolutt garanti for økt deltakelse, men fortsatt i noen tid, de kaller oppmerksomhet til informasjon.

Lag en popup jquery - ikke en lett oppgave, men hvis du ønsker det gjennomførbart. Og likevel, før du begynner å lage et slikt produkt, er det nødvendig å representere visuelt hva det er og hvordan den ser ut.

Side sidene er opprettet ved hjelp av HTML. På den, i den rekkefølgen, som liker eieren av ressursen, er plassert knapper. Det kan være et par stykker (en til ...), skjønn å skape. Ved å klikke på denne knappen, vil besøkende se en popup jQuery. Innholdet av disse eller kan være helt annerledes, for eksempel et bilde eller en attraktiv ny form for registrering, reklame, melding, ja alt. Fantasy i denne saken er ikke begrenset av noen grenser. Pop-up vinduer ofte dekker for området klart mørk bakgrunn og på hver av dem er det et ikon, brukerne vanligvis forstått intuitivt. Mulighetene er uendelige denne funksjonen.

Ved første øyekast, for å skape en slik ting er vanskelig, men dette er et galt inntrykk. Hvis det er et ønske og et behov eksisterer, hvorfor er dette ikke å forstå mer? Selv om mange ikke forstår, er det alltid mulighet til å studere prosessen med å snu til fagfolk. La oss ta for eksempel opprette og plassere en knapp som vil utløse registrerings vinduer, bilder eller bilder og faner. Bruk av javascript pop-up vindu, eller rettere sagt på knappen, forbereder vi en referanse og be for dem alle en felles klasse. Lenker plassert på innsiden av div tag-en.

Rel-attributtet, til hver nøyaktig tilsvarer klasse navnet på vinduet og lar deg oppdage den rette, knapt klikke på lenken over. Alle, popup jquery vi har laget. Det gjenstår nå å gjøre det ryddig og attraktivt. Dette vil kreve bruk av stiler.

Arbeids stiler ikke forårsaker vanskeligheter: alt er enkel og klar. Vi trenger bare litt kunnskap om språket HTML. Men selv om brukeren ikke forstår det, er lett å finne på Internett nødvendig informasjon. Til jQuery knapper, pop-up vinduer så i det hele tatt kjent oppdaterte nettlesere er like fin og ryddig, er det nødvendig: a) å sentrere koblingsenheter; b) avrunde hjørnene; c) kobler PIE til IE 7-8.

Generelt vil HTML markup være den samme for alle pop-ups. Derfor bør bruk av kodene ikke får hengt hvis du ikke eier nok til å huske noen grunnleggende. Forskjellen er bare i utformingen av størrelsen, som er, vil en jquery popup-vinduet bredde se annerledes ut. Det samme gjelder for innholdet.

For å imøtekomme registreringsskjemaet til ovennevnte koden må skrives på følgende måte:

Lukk

Register Online

Skriv inn brukernavn: Skriv passord:

I denne posten faller sammen med attributt reg_form rel første knapp, og det doble omslaget klasse enhet er definert hurtig reg_form (plass kreves). Dette merket kan du lage som en felles stil for alle popup-vinduer, og sette spesifikke parametre for hver for seg.

Deretter begynne å plassere knapper for bilder. Her er den samme: dobbeltklassen som er oppgitt og merket stien til mappen der bildene ligger. Vel, senere i samme ånd.

Når du har opprettet vil bare justere det generelle utseendet av sidene på nettstedet ditt, registrer regler for vinduer. Det vil si, de er alle like utviklet, redigert horisontalt, og alle vil ha en knapp som er ansvarlig for nedleggelse av vinduet og tittelen. I tillegg vil de være skjult når lasting av ressurssiden.

Hvis det ikke er noe ønske om å gjøre det selv, det er alltid mulighet til å laste ned et script som lar deg lage en pop-up vindu automatisk, bare litt korrigere handling applets.