Mnoho moderných webov má originálne ovládacie prvky. Jedným z týchto prvkov sú kontextové okná, do ktorých môžete umiestniť rôzne užitočné informácie, reklamy, ovládacie prvky, hlasovania a ďalšie. Je celkom ľahké vytvoriť také vyskakovacie okno - použite knižnicu jQuery.
Inštrukcie
Krok 1
Vložte do svojho kódu stránky značky, ktoré pridávajú knižnicu jQuery. Tieto značky vyzerajú celkom štandardne:
skript src = "jQuery.js" / skript
skript src = "interface.js" / skript
Krok 2
Ak chcete upraviť kontextové okno, pridajte kód CSS do šablóny so štýlmi. Zadajte parametre, ako sú poloha, výška, preplnenie, obrázok pozadia, poloha pozadia, opakovanie pozadia, preplnenie, kurzor a ďalšie, ktoré môžete potrebovať pri vytváraní štýlu. Tieto parametre je možné nastaviť aj v značke head, ak vo svojej štandardnej práci nemáte zásadu prideľovania špeciálneho súboru pre štýly. Kód môžete napísať inými spôsobmi pomocou rôznych značiek. Plávajúcich okien je zvyčajne veľa.
Krok 3
Vložte kód odkazu na kontextové okno do tela stránky a popíšte samotný skript na otvorenie kontextového okna. Popíšte funkciu na vyvolanie okna pomocou štandardných príkazov show (), TransferTo (), bind () a ďalších. Snažte sa k každej funkcii napísať malý popis, aby ste sa v kóde nezamieňali, pretože by ste mohli úplne narušiť prevádzku celého systému.
Krok 4
Skontrolujte, či kód neobsahuje chyby, a otvorte stránku v prehliadači, aby ste videli výsledok svojej práce. Aby sa zobrazilo vyskakovacie okno, musíte kliknúť na vytvorený odkaz. V budúcnosti môžete zabezpečiť automatické zobrazovanie vyskakovacieho okna. Vyskakovacie okno by malo mať aj rôzne vlastnosti, napríklad schopnosť presúvať, minimalizovať, roztiahnuť a samozrejme zatvárať. Všetky tieto charakteristiky je potrebné popísať v kontextovom skripte. Výroba plávajúcich okien nie je zložitá, hlavnou vecou je poznať základy programovania, pretože na správne napísanie kódu potrebujete špeciálne znalosti.
