Stvaranje skočnog prozora u HTML-u vrši se pomoću biblioteke jQuery, koja vam omogućuje integriranje obrađivača događaja u web stranicu i na taj način omogućuje prikaz aktivnog sadržaja web mjesta.
Upute
Korak 1
Otvorite svoju stranicu web stranice HTML u uređivaču teksta koji koristite za pisanje željenog koda. Također možete upotrijebiti standardni uslužni program Windows Notepad za umetanje skočnog prozora. Da biste to učinili, desnom tipkom miša kliknite HTML datoteku i odaberite "Otvori pomoću" - "Bilježnica".
Korak 2
U odjeljku dokumenta stvorite sloj koji će obrađivati jQuery:
3. korak
Zatim morate postaviti naziv skočnog prozora. Da biste to učinili, možete koristiti stupnjasta HTML zaglavlja:
Naslov prozora
4. korak
Nakon toga postavite tekst koji će se prikazati u prozoru pomoću skripte za stvaranje odlomka:
Tekst
Korak 5
Zatim stvorite sloj s klasom close_win za zatvaranje skočnog prozora, prije nego što zatvorite prethodni handle:
Zatvori prozor
Korak 6
Uključite knjižnicu jQuery u datoteku dodavanjem potrebne oznake između deskriptora dokumenta. Na primjer:
Korak 7
Nakon toga unesite kod za prikaz skočnog prozora:
$ (funkcija () {
$ ('# Prikaži'). Sakrij ();
Korak 8
Dalje, trebate obraditi događaj kada je korisnik pritisnuo tipku miša za pozivanje skočnog prozora i upravljanje zatvaranjem prozora. Da biste to učinili, unesite sljedeći kôd:
$ (‘# Click-me’). Click (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Kliknite (function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Ovaj program rukuje s korisnikom pritiskom na tipke za pozivanje skočnog prozora i klikom na vezu da ga zatvori.
Korak 9
Za prikaz skočnog prozora na stranici možete upotrijebiti vezu klase klikni za mene koja je navedena u gornjem kodu. Da biste to učinili, u tijelo dokumenta unesite sljedeći kod:
Kliknite za prikaz skočnog prozora
