Mnoho moderních webů má originální ovládací prvky. Jedním z těchto prvků jsou vyskakovací okna, do kterých můžete umístit různé užitečné informace, reklamy, ovládací prvky, hlasování a další. Je docela snadné vytvořit takové vyskakovací okno - použijte knihovnu jQuery.
Instrukce
Krok 1
Vložte do svého kódu stránky značky, které přidávají knihovnu jQuery. Tyto značky vypadají docela standardně:
script src = "jQuery.js" / skript
script src = "interface.js" / skript
Krok 2
Přidejte css kód do šablony stylů a upravte tak vyskakovací okno. Určete parametry, jako je poloha, výška, přetečení, obrázek na pozadí, poloha na pozadí, opakování pozadí, přetečení, kurzor a další, které můžete pro styling potřebovat. Tyto parametry lze také nastavit ve značce head, pokud ve standardní práci nemáte princip přidělení speciálního souboru pro styly. Kód můžete psát jinými způsoby pomocí různých značek. Obvykle existuje mnoho způsobů, jak psát plovoucí okna.
Krok 3
Vložte kód odkazu na vyskakovací okno do hlavní části stránky a popište samotný skript pro otevření vyskakovacího okna. Popište funkci pro volání okna pomocí standardních příkazů show (), TransferTo (), bind () a dalších. Pokuste se pro každou funkci napsat malý popis, abyste se v kódu nenechali zmást, protože můžete úplně narušit provoz celého systému.
Krok 4
Zkontrolujte chyby v kódu a otevřete stránku v prohlížeči, abyste viděli výsledek své práce. Aby se zobrazilo vyskakovací okno, musíte kliknout na vytvořený odkaz. V budoucnu můžete zajistit automatické zobrazení vyskakovacího okna. Vyskakovací okno by mělo mít také různé vlastnosti, například schopnost přetahovat, minimalizovat, roztahovat a samozřejmě zavírat. Všechny tyto charakteristiky je třeba popsat ve vyskakovacím skriptu. Výroba plovoucích oken není obtížná, hlavní věcí je znát základy programování, protože ke správnému psaní kódu potřebujete speciální znalosti.
