JQuery popup-fönster, en översikt av anläggningen

Ett sätt att locka användare till sajten är popup-fönster. Naturligtvis är detta inte ger en absolut garanti för att öka närvaro, men fortfarande under en viss tid, de kallar uppmärksamhet till information.

Skapa en popup jquery - inte en lätt uppgift, men om du vill det genomförbart. Och ändå, innan du börjar skapa en sådan produkt, är det nödvändigt att representera visuellt vad det är och hur det ser ut.

Site sidor skapas med HTML. På den, i den ordning som gillar ägare av resursen, är placerade knappar. Det kan finnas några bitar (en till ...), frihet att skapa. Genom att klicka på den här knappen kommer besökaren se en popup jQuery. Innehållet i dessa eller kan vara helt annorlunda, till exempel en bild eller en attraktiv ny form av registrering, reklam, meddelande, ja vad som helst. Fantasy i denna fråga begränsas inte av några gränser. Popup-fönster täcker ofta sida på webbplatsen klar mörk bakgrund och var och en av dem finns det en ikon användare vanligtvis förstås intuitivt. Möjligheterna är oändliga denna funktion.

Vid första anblicken, för att skapa en sådan sak är svårt, men det är ett felaktigt intryck. Om det finns en önskan och ett behov föreligger, varför detta är inte att förstå mer? Även om många inte förstår, det finns alltid möjlighet att studera processen med att vända sig till de yrkesverksamma. Låt oss ta till exempel skapa och placera en knapp som utlöser registrerings fönster, bilder eller bilder och flikar. Med hjälp av javascript popup-fönster, eller snarare knappen, förbereder vi en referens och be för dem alla en gemensam klass. Länkar placerade inuti div tag-a.

Rel attribut till varje exakt motsvarar klassnamnet i fönstret och låter dig hitta rätt, knappt klicka på länken ovan. Alla, popup jquery vi har skapat. Det återstår nu att göra det snyggt och tilltalande. Detta kräver användning av stilar.

Arbets stilar orsakar inte svårigheter: allt är enkel och tydlig. Vi behöver bara lite kunskaper i språket HTML. Men även om användaren inte förstår det är lätt att hitta på Internet nödvändig information. Till jQuery knappar, pop-up fönster såg alls hittills kända webbläsare är lika trevligt och snyggt, är det nödvändigt: a) för att centrera länkenheter; b) runda av hörnen; c) ansluta PIE till IE 7-8.

I allmänhet kommer HTML-kod vara densamma för alla popup-fönster. Därför bör användningen av taggar inte hängde om du inte äger nog att minnas några grundläggande. Skillnaden är bara i utformningen av storlek, det vill säga en jQuery popup-fönster bredd kommer att se annorlunda ut. Detsamma gäller för innehållet.

För att tillgodose anmälningsblanketten till ovanstående tag ska skrivas på följande sätt:

stänga

register Online

Ange ditt användarnamn: Ange lösenord:

I denna post sammanfaller med attributet reg_form rel första knappen, och den dubbla wrapper klass enhet definieras popup reg_form (utrymme som krävs). Denna etikett kan du skapa en gemensam stil för alla popup-fönster och ställa specifika parametrar för varje separat.

Därefter börjar placera knappar för bilder. Här är densamma: double angivna klassen och markerade sökvägen till den mapp där bilderna finns. Tja, senare i samma anda.

När du har skapat kommer bara justera helhetsintrycket av sidorna på din webbplats, registrera regler för Windows. Det vill säga, de är alla lika utformade, redigerad horisontellt, och alla kommer att ha en knapp som är ansvarig för nedläggningen av fönstret och dess titel. Dessutom kommer de att vara dold vid lastning resursen sidan.

Om det inte finns någon önskan att göra det själv, det finns alltid möjlighet att ladda ner ett skript som låter dig skapa en popup-fönster automatiskt, bara något korrigera åtgärds applets.