Vytvoření vyskakovacího okna v HTML se provádí pomocí knihovny jQuery, která umožňuje integrovat obslužnou rutinu události do webové stránky a tím umožnit zobrazení aktivního obsahu webu.
Instrukce
Krok 1
Otevřete stránku HTML v textovém editoru, který používáte k napsání požadovaného kódu. K vložení vyskakovacího okna můžete také použít standardní nástroj Poznámkový blok systému Windows. Chcete-li to provést, klepněte pravým tlačítkem myši na soubor HTML a vyberte možnost „Otevřít v programu“- „Poznámkový blok“.
Krok 2
V sekci dokumentu vytvořte vrstvu, která bude zpracovávat jQuery:
Krok 3
Poté musíte nastavit název vyskakovacího okna. K tomu můžete použít odstupňovaná záhlaví HTML:
Název okna
Krok 4
Poté nastavte text, který se zobrazí v okně pomocí skriptu k vytvoření odstavce:
Text
Krok 5
Poté zavřete vyskakovací okno pomocí třídy close_win a poté zavřete předchozí popisovač:
Zavřete okno
Krok 6
Zahrňte knihovnu jQuery do souboru přidáním požadované značky mezi deskriptory dokumentů. Například:
Krok 7
Poté zadejte kód pro zobrazení vyskakovacího okna:
$ (funkce () {
$ ('# Show'). Hide ();
Krok 8
Dále musíte zpracovat událost, že uživatel stiskl tlačítko myši k vyvolání vyskakovacího okna a zpracování zavření okna. Chcete-li to provést, zadejte následující kód:
$ („# Click-me“). Click (function () {$ („# show“). Fadein (300);})
$ („# Close_win“). Click (function () {$ („# show“). FadeOut (300);})
& lt / script>})
Tento program umožňuje uživateli stisknout tlačítka pro vyvolání vyskakovacího okna a kliknutím na odkaz jej zavřít.
Krok 9
Chcete-li na stránce zobrazit vyskakovací okno, můžete použít odkaz třídy click-me, který byl zadán v kódu výše. Chcete-li to provést, zadejte do těla dokumentu následující kód:
Kliknutím zobrazíte vyskakovací okno
