HTML-is hüpikakna loomine toimub jQuery teegi abil, mis võimaldab teil sündmuste käitleja veebilehte integreerida ja seeläbi võimaldada saidi aktiivse sisu kuvamist.
Juhised
Samm 1
Avage HTML-saidi leht tekstiredaktoris, mida kasutate soovitud koodi kirjutamiseks. Hüpikakna lisamiseks võite kasutada ka Windowsi märkmiku standardset utiliiti. Selleks paremklõpsake HTML-failil ja valige "Open With" - "Notepad".
2. samm
Looge dokumendi jaotises kiht, mis haldab jQuery:
3. samm
Seejärel peate määrama hüpikakna nime. Selleks saate kasutada astmelisi HTML-päiseid:
Akna pealkiri
4. samm
Pärast seda määrake lõigu loomiseks skripti abil tekst, mida aknas kuvatakse:
Tekst
5. samm
Enne eelmise käepideme sulgemist looge hüpikakna sulgemiseks kiht klassiga close_win:
Sulgege aken
6. samm
Lisage faili jQuery teek, lisades vajaliku sildi dokumendi kirjeldajate vahele. Näiteks:
7. samm
Pärast seda sisestage hüpikakna kuvamiseks kood:
$ (function () {
$ ('# Show'). Peida ();
8. samm
Järgmisena peate käsitsema sündmust, mille kasutaja vajutas hiirenuppu, et hüpikaken käivitada ja akna sulgeda. Selleks sisestage järgmine kood:
$ (‘# Click-me’). Klõpsake (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Klõpsake (function () {$ (‘# show’). FadeOut (300);})
& lt / skript>})
See programm tegeleb kasutajaga, vajutades hüpikakna helistamiseks nuppe ja klõpsates selle sulgemiseks lingil.
9. samm
Hüpikakna kuvamiseks lehel saate kasutada klõps-mind klassi linki, mis oli määratud ülaltoodud koodiga. Selleks sisestage dokumendi sisusse järgmine kood:
Klõpsake hüpikakna kuvamiseks
