JQuery popup-venster, een overzicht van de vestiging

Een manier om gebruikers aan te trekken naar de site zijn de pop-ups. Natuurlijk is dit niet een absolute garantie van toenemende aanwezigheid geven, maar nog voor enige tijd, ze de aandacht vestigen op informatie.

Maak een popup jQuery - geen gemakkelijke taak, maar als je het goed te doen. En toch, voordat u een dergelijk product te maken, is het noodzakelijk om visueel vertegenwoordigen wat het is en hoe het eruit ziet.

Site pagina's worden gemaakt met behulp van HTML. Op het, in de volgorde, die net als de eigenaar van de bron, worden geplaatste knoppen. Er kunnen een paar stukken (een tot ...), de discretionaire bevoegdheid om te creëren. Door te klikken op deze knop drukt, wordt de bezoeker een popup jQuery te zien. De inhoud van deze of anders kan zijn, zoals een foto of een aantrekkelijke nieuwe vorm van registratie, reclame, bericht, ja alles zijn. Fantasie in deze zaak wordt niet beperkt door grenzen. Pop-up vensters vaak betrekking op pagina van de site duidelijke donkere achtergrond en op elk van hen is er een icoon, gebruikers meestal intuïtief begrepen. De mogelijkheden zijn eindeloos functie.

Op het eerste gezicht, het creëren van zoiets is moeilijk, maar dit is een verkeerde indruk. Als er een wens en een behoefte bestaat, waarom is dit niet meer begrijpen? Zelfs als er veel niet begrijpen, is er altijd de mogelijkheid om het proces van het omzetten van de professionals te bestuderen. Laten we, bijvoorbeeld, maken en plaats een knop die de registratie ramen, foto's of foto's en tabbladen zal leiden. Met behulp van de javascript pop-up venster, of liever de knop, bereiden we een referentie en vraag voor hen allen een gemeenschappelijke klasse. Links geplaatst in de div tag-a.

De rel attribuut, toegevoegd aan elk exact overeenkomt met de naam van de klasse van het venster en kunt u de juiste te ontdekken, nauwelijks hierboven te klikken. Alle, popup jQuery we hebben gemaakt. Het blijft nu om het netjes en aantrekkelijk te maken. Dit zal het gebruik van stijlen vereisen.

Werkstijlen geen problemen veroorzaken: alles is eenvoudig en duidelijk. We hoeven alleen maar een beetje kennis van de taal HTML. Maar zelfs als de gebruiker niet begrijpen, de benodigde informatie is gemakkelijk te vinden op het internet. JQuery knoppen, pop-up vensters keken naar alle tot nu toe bekende browsers zijn even mooi en netjes, is het noodzakelijk om: a) met links centreren; b) ronden de hoeken; c) aansluiten PIE naar IE 7-8.

In het algemeen zal HTML-opmaak hetzelfde voor alle pop-ups zijn. Daarom moet het gebruik van labels niet hing als je niet genoeg bezitten om een aantal fundamentele herinneren. Het verschil is alleen in het ontwerp van de grootte, dat wil zeggen, zal men jQuery popup-venster breedte anders uitzien. Hetzelfde geldt voor de inhoud.

Als u het formulier om de bovenstaande tag moet als volgt worden geschreven tegemoet te komen:

dicht

Online registreren

Voer uw gebruikersnaam: Voer het wachtwoord:

In dit bericht valt samen met het attribuut reg_form rel eerste knop, en de dubbele wrapper klasse eenheid wordt gedefinieerd popup reg_form (benodigde ruimte). Dit label maakt het mogelijk om als een gemeenschappelijke stijl voor alle pop-up vensters, en specifieke parameters voor elk afzonderlijk.

Vervolgens beginnen te knoppen te plaatsen voor foto's. Hier is dezelfde: dubbele klasse aangegeven en gemarkeerd het pad naar de map waarin de beelden zich bevinden. Nou, later in dezelfde geest.

Nadat u maakt, alleen de totale uitstraling van de pagina's op uw site aan te passen, regels registreren voor ramen. Dat wil zeggen, ze zijn allemaal even ontworpen, horizontaal bewerkt, en iedereen zal een knop die verantwoordelijk is voor de sluiting van het raam en de titel hebben. Daarnaast zullen ze worden verborgen bij het laden van de bron pagina.

Als er geen behoefte om het zelf te doen, is er altijd de mogelijkheid om een script dat u toelaat om een pop-up venster automatisch, slechts iets corrigeren actie applets downloaden.