Pop-up okno jQuery, obecné informace pro vytváření

Pop-up okna jsou jeden způsob, jak přilákat uživatele k webu. Samozřejmě to neposkytuje 100% záruku zvyšující se účasti, přesto přesto přitahují pozornost k informacím na chvíli.

Vytvoření pop-up okenního jquery - úkol není snadný, ale pokud je to žádoucí, je to zcela možné. A přesto, než začnete vytvářet takové dílo, musíte si představit, co to je a jak vypadá.

Stránka webu je vytvořena pomocí jazyka HTML. Na to, v pořadí, které má vlastník zdroje rád, jsou umístěna tlačítka. Mohou to být několik kusů (od jednoho do ...), podle uvážení tvůrce. Kliknutím na toto tlačítko se návštěvník zobrazí kontextové okno jQuery. Obsah těchto stránek může být zcela odlišný, například atraktivní obraz nebo nová forma registrace, reklamy, komunikace, cokoli. Fantasy v této věci nejsou omezeny na žádné limity. Pop-up okna často překrývají stránku webu s průhledným tmavým pozadím a na každé z nich je ikona, která uživatelům obvykle rozumí na úrovni intuice. Možnosti této funkce jsou neomezené.

Na první pohled je obtížné vytvořit takovou věc, ale je to chybný dojem. Pokud existuje nějaká touha a existuje potřeba, proč byste neměli více informací? I když je mnoho věcí nejasné, vždy je možnost studovat tento proces kontaktováním profesionálů. Pojďme například vytvořit a umístit tlačítka, která budou volat registrační okna, obrázky nebo fotografie a karty. Pomocí okna popiskového okna javascriptu nebo spíše tlačítka vytvoříte odkaz a vytvoříte společnou třídu pro všechny z nich. Odkazy jsou umístěny uvnitř tagu div.

Atribut rel přidaný ke každé přesně odpovídá názvu třídy okna a umožňuje otevření požadovaného kliknutím na odkaz. Všechno, pop-up okno jquery jsme vytvořili. Nyní zůstává, aby to bylo úhledné a přitažlivé. To vyžaduje použití stylů.

Práce ve stylu složitosti nevyvolává: vše je jednoduché a srozumitelné. Jazyk HTML potřebujete znát jen trochu. Ale i když uživatel tomu nerozumí, potřebné informace lze snadno najít na internetu. Klepnutím na tlačítka jquery vypadají vyskakovací okna ve všech známých prohlížečích do dnešního dne, krásně a přesně: a) středové jednotky; B) za rohy; C) připojte PIE pro IE 7-8.

Značka HTML bude obecně stejná pro všechny vyskakovací okna. Proto, když používáte značky, nezavěšujte: pokud nevíte, stačí, abyste si pamatovali několik základních. Rozdíl je pouze v konstrukci rozměrů, to znamená, že jedno vyskakovací okno jquery bude vypadat jinak v šířce. Totéž platí pro obsah.

Chcete-li registrační formulář umístit ve výše uvedené značce, musíte zapsat následující údaje:

Zavřete

Registrace na webu

Zadejte přihlašovací jméno: Zadejte heslo:

V této položce se reg_form shoduje s atributem prvního tlačítka rel a dvojitá třída bloku obálky je nastavena na vyskakovací reg_form (je vyžadován prostor). Takový nápis vám umožňuje vytvořit jak obecný styl pro všechna vyskakovací okna, tak také specifikovat konkrétní parametry pro každého jednotlivce.

Dále začneme umístit tlačítko odpovědné za obrázky. Také zde je označena dvojitá třída a je vyznačena cesta ke složce, ve které jsou tyto snímky umístěny. No, dále ve stejném duchu.

Po vytvoření bude nutné pouze upravit celkový vzhled stránky webu, předepsat pravidla pro okna. To znamená, že všechny budou identicky vyzdobeny, upraveny horizontálně a každý z nich bude mít tlačítko, které bude odpovídat za zavření samotného okna a jeho názvu. Kromě toho při stahování stránky zdroje budou všechny skryty.

Pokud není touha dělat sami, je vždy možnost stáhnout skript, který vám umožní vytvořit automaticky vyskakovací okno, jen mírně upravit akce programu.