JQuery vyskakovacie okno, prehľad o zriadení

Jeden spôsob, ako prilákať užívateľov na stránkach sú pop-up. Samozrejme, že to nedáva absolútny zárukou rastúce návštevnosti, ale napriek tomu na nejakú dobu, ale upozorniť na informácie.

Vytvorenie rozbaľovací jQuery - nie je ľahká úloha, ale ak chcete, aby to realizovateľné. A napriek tomu, ako začnete vytvoriť taký produkt, je nutné reprezentovať vizuálne čo to je a ako to vyzerá.

Stránky stránok sú vytvorené pomocou HTML. Na ňom v poradí, ktorá je rovnako ako majiteľ zdroje, sú umiestnené tlačidlá. Tam môže byť niekoľko kusov (jeden pre ...), priestor na voľnú úvahu vytvoriť. Kliknutím na toto tlačidlo, bude návštevník vidieť vyskakovacie jQuery. Obsah týchto alebo môžu byť úplne odlišné, ako je napríklad obraz alebo atraktívnu novú formu registrácie, reklama, správy, áno čokoľvek. Fantasy v tejto veci nie je obmedzená žiadnymi hranicami. Pop-up okná často pokrývajú stránku webu jasné tmavom pozadí a na každom z nich je ikona, užívatelia zvyčajne chápaný intuitívne. Možnosti sú nekonečné túto funkciu.

Na prvý pohľad sa vytvoriť niečo také je ťažké, ale je to zlý dojem. Ak dôjde k túžba a potreba existuje, prečo tomu tak nie je, aby lepšie pochopiť? Dokonca aj keď mnohí nechápu, tam je vždy možnosť študovať proces obracia na odborníkov. Zoberme si napríklad vytvoriť a umiestniť tlačidlá, ktorá spustí registračný okná, obrázky alebo fotografie a karty. Použitie javascript pop-up okno, alebo skôr tlačidlo pripravujeme odkaz a požiadať o všetky z nich bežnú triedu. Odkazy umiestnené vnútri tagu div-A.

Atribút rel, pridal ku každému presne zodpovedá názov triedy okna a umožňuje odhaliť právo, sotva na uvedenom odkaze. Všetko, popup jQuery sme vytvorili. Teraz zostáva, aby to elegantné a atraktívne. To bude vyžadovať použitie štýlov.

Práca so štýlmi nespôsobuje ťažkosti: všetko je jednoduché a prehľadné. Potrebujeme len trochu znalosti jazyka HTML. Ale aj v prípade, že používateľ nerozumie, potrebné informácie možno ľahko nájsť na internete. Na jQuery gombíky, pop-up okná sa pozrel na všetky doteraz známych prehliadačov sú rovnako pekné a čisté, je potrebná: a) centrá odkazové jednotky; b) zaokrúhliť rohy; c) pripojenie koláče IE 7-8.

Všeobecne platí, že značkovacie HTML bude rovnaká pre všetky pop-up. Z tohto dôvodu je použitie tagov sa nesmie dostať visel, pokiaľ nevlastníte dosť si pamätať niekoľko základných. Rozdiel je len v prevedení o veľkosti, ktorá je jedným jquery vyskakovacie okno šírka bude vyzerať inak. To isté platí aj pre obsah.

Prispôsobiť registračný formulár na vyššie uvedenou značkou by mal byť napísaný takto:

zavrieť

registrácia Online

Zadajte svoje používateľské meno: Zadajte heslo:

V tejto položke sa zhoduje s atribútom rel reg_form prvé tlačidlo a dvojité wrapper class jednotka je definovaná vyskakovacie reg_form (požadované miesto). Toto označenie umožňuje vytvárať ako spoločný štýl pre všetky pop-up okien, a nastaviť špecifické parametre pre každú zvlášť.

Next, začnú namiesto tlačidla pre obrázky. Tu je rovnaký: dvojitá trieda uvedené a označil cestu k priečinku, kde sú umiestnené obrázky. No, neskôr v rovnakom duchu.

Po vytvorení upraví iba celkový vzhľad stránok na vašom webe, zaregistrujte sa pravidlá pre okná. To znamená, že všetky sú rovnako konštruované, upravovať horizontálne, a každý bude mať tlačidlo, ktoré je zodpovedné za uzatvorenie okna a jeho názov. Okrem toho budú skryté pri načítaní stránky zdrojov.

Ak nie je túžbu to urobiť sám, tam je vždy možnosť stiahnuť skript, ktorý vám umožní automaticky vytvoriť pop-up okno, len o niečo opravuje akčné applety.