Kuinka Tehdä Kelluva Ikkuna

Sisällysluettelo:

Kuinka Tehdä Kelluva Ikkuna
Kuinka Tehdä Kelluva Ikkuna

Video: Kuinka Tehdä Kelluva Ikkuna

Video: Kuinka Tehdä Kelluva Ikkuna
Video: AUTOPESU ILMAN IKKUNOITA 2024, Huhtikuu
Anonim

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.

Kuinka tehdä kelluva ikkuna
Kuinka tehdä kelluva ikkuna

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.

Suositeltava: