Monilla moderneilla sivustoilla on alkuperäiset hallintalaitteet. Yksi näistä elementeistä on ponnahdusikkunat, joihin voit sijoittaa erilaisia hyödyllisiä tietoja, mainoksia, hallintalaitteita, kyselyjä ja muuta. Tällaisen ponnahdusikkunan luominen on melko helppoa - käytä jQuery-kirjastoa.
Ohjeet
Vaihe 1
Lisää sivukoodiin tageja, jotka lisäävät jQuery-kirjaston. Nämä tunnisteet näyttävät melko tavallisilta:
script src = "jQuery.js" / komentosarja
skripti src = "interface.js" / komentosarja
Vaihe 2
Lisää css-koodi tyylitaulukkoon, jotta voit muodostaa ponnahdusikkunan. Määritä parametrit, kuten sijainti, korkeus, ylivuoto, taustakuva, taustan sijainti, taustan toisto, ylivuoto, kohdistin ja muut, joita saatat tarvita muotoiluun. Nämä parametrit voidaan asettaa myös otsikkotunnisteeseen, jos sinulla ei ole periaatetta jakaa erityinen tiedosto tyyleille tavallisessa työssäsi. Voit kirjoittaa koodia muilla tavoilla käyttämällä erilaisia tunnisteita. Kelluvia ikkunoita voi yleensä kirjoittaa monin tavoin.
Vaihe 3
Liitä ponnahdusikkunan linkin koodi sivun runkoon ja kuvaile itse komentosarja ponnahdusikkunan avaamista varten. Kuvaile toiminto, jolla ikkuna kutsutaan käyttämällä vakiokomentoja show (), TransferTo (), bind () ja muilla. Yritä kirjoittaa pieni kuvaus itsellesi jokaisen toiminnon viereen, jotta et sekaannu koodiin, koska voit häiritä kokonaan koko järjestelmän toimintaa.
Vaihe 4
Tarkista koodi virheiden varalta ja avaa sivu selaimessa nähdäksesi työsi tulokset. Ponnahdusikkuna tulee näkyviin napsauttamalla luotua linkkiä. Tulevaisuudessa voit säätää ponnahdusikkunan automaattisen ulkonäön. Ponnahdusikkunalla tulisi olla myös useita ominaisuuksia, kuten kyky vetää ja pudottaa, minimoida, venyttää ja tietysti sulkea. Kaikki nämä ominaisuudet on kuvattava ponnahdusikkunassa. Kelluvien ikkunoiden tekeminen ei ole vaikeaa, tärkeintä on tietää ohjelmoinnin perusteet, koska koodin kirjoittamiseen tarvitaan erityistietoja.