Ustvarjanje pojavnega okna v HTML-ju se izvede s pomočjo knjižnice jQuery, ki vam omogoča, da v spletno stran vključite obdelovalec dogodkov in s tem omogočite prikaz aktivne vsebine spletnega mesta.
Navodila
Korak 1
Odprite stran spletnega mesta HTML v urejevalniku besedil, s katerim napišete želeno kodo. Za vstavljanje pojavnega okna lahko uporabite tudi standardni pripomoček Windows Notepad. Če želite to narediti, z desno miškino tipko kliknite datoteko HTML in izberite »Odpri z« - »Beležnica«.
2. korak
V razdelku z dokumenti ustvarite plast, ki bo obdelala jQuery:
3. korak
Nato morate nastaviti ime pojavnega okna. Če želite to narediti, lahko uporabite stolpne glave HTML:
Naslov okna
4. korak
Po tem nastavite besedilo, ki bo prikazano v oknu, s pomočjo skripta za ustvarjanje odstavka:
Besedilo
5. korak
Nato ustvarite plast z razredom close_win, da zaprete pojavno okno, preden zaprete prejšnji ročaj:
Zapri okno
6. korak
V datoteko vključite knjižnico jQuery, tako da med deskriptorje dokumentov dodate zahtevano oznako. Na primer:
7. korak
Po tem vnesite kodo za prikaz pojavnega okna:
$ (funkcija () {
$ ('# Prikaži'). Skrij ();
8. korak
Nato morate obvladati dogodek, ko je uporabnik pritisnil gumb miške, da je sprožil pojavno okno in zaprel okno. Če želite to narediti, vnesite naslednjo kodo:
$ (‘# Click-me’). Kliknite (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Kliknite (function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Ta program upravlja uporabnika s pritiskom na gumbe za klic pojavnega okna in s klikom na povezavo, da ga zapre.
9. korak
Za prikaz pojavnega okna na strani lahko uporabite povezavo razreda klikni, ki je bila določena v zgornji kodi. Če želite to narediti, v telo dokumenta vnesite naslednjo kodo:
Kliknite za prikaz pojavnega okna
