Az előugró ablak HTML-ben történő létrehozása a jQuery könyvtár segítségével történik, amely lehetővé teszi az eseménykezelő integrálását egy weboldalba, és ezáltal lehetővé teszi a webhely aktív tartalmának megjelenítését.
Utasítás
1. lépés
Nyissa meg HTML webhelyét a kívánt szöveg megírásához használt szövegszerkesztőben. Előugró ablak beszúrásához használhatja a szokásos Windows Jegyzettömb segédprogramot is. Ehhez kattintson a jobb gombbal a HTML fájlra, és válassza az "Open With" - "Notepad" lehetőséget.
2. lépés
A dokumentum részben hozzon létre egy réteget, amely a jQuery-t kezeli:
3. lépés
Ezután be kell állítania a felugró ablak nevét. Ehhez használhatja a többszintű HTML-fejléceket:
Ablak címe
4. lépés
Ezt követően állítsa be az ablakban megjelenő szöveget a szkript segítségével egy bekezdés létrehozásához:
Szöveg
5. lépés
Ezután hozzon létre egy réteget a close_win osztály segítségével az előugró ablak bezárásához, mielőtt bezárná az előző fogantyút:
Zárjon be egy ablakot
6. lépés
Vegye fel a jQuery könyvtárat a fájlba úgy, hogy hozzáadja a szükséges címkét a dokumentumleírók közé. Például:
7. lépés
Ezt követően írja be a kódot a felugró ablak megjelenítéséhez:
$ (function () {
$ ('# Show'). Elrejtés ();
8. lépés
Ezután kezelnie kell azt az eseményt, amikor a felhasználó megnyomta az egérgombot az előugró ablak meghívásához és az ablak bezárásának kezeléséhez. Ehhez írja be a következő kódot:
$ (‘# Click-me’). Kattintson (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Kattintson (function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Ez a program kezeli a felhasználót, ha megnyomja az előugró ablak gombjait, majd a linkre kattintva bezárja azt.
9. lépés
Az előugró ablak megjelenítéséhez használhatja a click-me osztály hivatkozását, amelyet a fenti kódban határoztak meg. Ehhez írja be a következő kódot a dokumentum törzsébe:
Kattintson az előugró ablak megjelenítéséhez
