Stvaranje skočnog prozora u HTML-u vrši se pomoću biblioteke jQuery, koja vam omogućava da integrirate rukovatelj događajima u web stranicu i tako omogućite prikaz aktivnog sadržaja stranice.
Instrukcije
Korak 1
Otvorite stranicu HTML stranice u uređivaču teksta koji koristite za pisanje željenog koda. Takođe možete koristiti standardni uslužni program Windows Notepad da biste umetnuli iskačući prozor. Da biste to učinili, kliknite desnu tipku miša na HTML datoteku i odaberite "Otvori pomoću" - "Bilježnica".
Korak 2
U odjeljku dokumenta kreirajte sloj koji će obrađivati jQuery:
Korak 3
Zatim morate postaviti ime skočnog prozora. Da biste to učinili, možete koristiti stupnjasta HTML zaglavlja:
Naslov prozora
Korak 4
Nakon toga, postavite tekst koji će se prikazati u prozoru pomoću skripte za stvaranje pasusa:
Tekst
Korak 5
Zatim stvorite sloj s klasom close_win da zatvorite skočni prozor, prije nego što zatvorite prethodni handle:
Zatvori prozor
Korak 6
Uključite jQuery biblioteku 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 kod:
$ ('# Click-me'). Click (function () {$ ('# show'). Fadein (300);})
$ (‘# Close_win’). Kliknite (funkcija () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Ovaj program rukuje korisniku pritiskom na tipke za pozivanje skočnog prozora i klikom na vezu da ga zatvori.
Korak 9
Da biste prikazali skočni prozor na stranici, možete koristiti vezu klase klikni za mene koja je navedena u gornjem kodu. Da biste to učinili, unesite sljedeći kod u tijelo dokumenta:
Kliknite za prikaz skočnog prozora
