Ponnahdusikkunan luominen HTML-muodossa tapahtuu jQuery-kirjastolla, jonka avulla voit integroida tapahtumankäsittelijän verkkosivulle ja siten näyttää sivuston aktiivisen sisällön.
Ohjeet
Vaihe 1
Avaa HTML-sivustosivusi tekstieditorissa, jolla kirjoitat haluamasi koodin. Voit lisätä ponnahdusikkunan myös Windowsin tavallisen Muistio-apuohjelman avulla. Voit tehdä tämän napsauttamalla hiiren kakkospainikkeella HTML-tiedostoa ja valitsemalla "Avaa kanssa" - "Muistio".
Vaihe 2
Luo asiakirjaosassa taso, joka käsittelee jQueryä:
Vaihe 3
Sitten sinun on asetettava ponnahdusikkunan nimi. Voit tehdä tämän käyttämällä porrastettuja HTML-otsikoita:
Ikkunan otsikko
Vaihe 4
Määritä sen jälkeen teksti, joka näytetään ikkunassa komentosarjan avulla kappaleen luomiseksi:
Teksti
Vaihe 5
Luo sitten taso luokan close_win kanssa sulkeaksesi ponnahdusikkunan, ennen kuin suljet edellisen kahvan:
Sulje ikkuna
Vaihe 6
Lisää jQuery-kirjasto tiedostoon lisäämällä vaadittu tunniste asiakirjan kuvaajien väliin. Esimerkiksi:
Vaihe 7
Tämän jälkeen kirjoita koodi, jotta ponnahdusikkuna tulee näkyviin:
$ (function () {
$ ('# Show'). Piilota ();
Vaihe 8
Seuraavaksi sinun on käsiteltävä tapahtumaa, jossa käyttäjä painaa hiiren painiketta käynnistääksesi ponnahdusikkunan ja käsittelemään ikkunan sulkemista. Syötä tämä kirjoittamalla seuraava koodi:
$ (‘# Click-me’). Napsauta (function () {$ (’# show’). Fadein (300);})
$ (‘# Close_win’). Napsauta (function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Tämä ohjelma hoitaa käyttäjän painamalla painikkeita soittaaksesi ponnahdusikkunaan ja napsauttamalla linkkiä sulkeaksesi sen.
Vaihe 9
Voit näyttää ponnahdusikkunan sivulla käyttämällä ylläolevassa koodissa määritetyn click-me-luokan linkkiä. Tätä varten kirjoita seuraava koodi asiakirjan tekstiosaan:
Napsauta näyttääksesi ponnahdusikkunan
