HTML uznirstošā loga izveide tiek veikta, izmantojot jQuery bibliotēku, kas ļauj integrēt notikumu apstrādātāju tīmekļa lapā un tādējādi ļaut parādīt vietnes aktīvo saturu.
Instrukcijas
1. solis
Atveriet HTML vietnes lapu teksta redaktorā, kuru izmantojat vajadzīgā koda ierakstīšanai. Uznirstošā loga ievietošanai varat izmantot arī standarta Windows Notepad utilītu. Lai to izdarītu, ar peles labo pogu noklikšķiniet uz HTML faila un atlasiet "Open With" - "Notepad".
2. solis
Dokumenta sadaļā izveidojiet slāni, kas apstrādās jQuery:
3. solis
Tad jums jāiestata uznirstošā loga nosaukums. Lai to izdarītu, varat izmantot daudzpakāpju HTML galvenes:
Loga nosaukums
4. solis
Pēc tam iestatiet tekstu, kas tiks parādīts logā, izmantojot skriptu, lai izveidotu rindkopu:
Teksts
5. solis
Pēc tam izveidojiet slāni ar klases close_win, lai aizvērtu uznirstošo logu, pirms aizverat iepriekšējo rokturi:
Aizveriet logu
6. solis
Iekļaujiet failā jQuery bibliotēku, pievienojot nepieciešamo tagu starp dokumentu aprakstiem. Piemēram:
7. solis
Pēc tam ievadiet kodu, lai parādītu uznirstošo logu:
$ (funkcija () {
$ ('# Show'). Slēpt ();
8. solis
Pēc tam jums jārīkojas ar notikumu, kurā lietotājs nospieda peles pogu, lai izsauktu uznirstošo logu un rīkotos ar loga aizvēršanu. Lai to izdarītu, ievadiet šādu kodu:
$ (‘# Click-me’). Noklikšķiniet (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Noklikšķiniet uz (function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Šī programma apstrādā lietotāju, nospiežot uznirstošā loga izsaukšanas pogas un noklikšķinot uz saites, lai to aizvērtu.
9. solis
Lai lapā parādītu uznirstošo logu, varat izmantot klases klikšķi saiti, kas tika norādīta iepriekš minētajā kodā. Lai to izdarītu, dokumenta pamattekstā ievadiet šādu kodu:
Noklikšķiniet, lai parādītu uznirstošo logu
