Kuidas Teha Ujuvat Akent

Sisukord:

Kuidas Teha Ujuvat Akent
Kuidas Teha Ujuvat Akent

Video: Kuidas Teha Ujuvat Akent

Video: Kuidas Teha Ujuvat Akent
Video: Как заработать больше денег: 6 способов от Андрея Ховратова | Andrey Khovratov 2024, Detsember
Anonim

Paljudel tänapäevastel saitidel on originaalsed juhtnupud. Üks neist elementidest on hüpikaknad, kuhu saate paigutada mitmesugust kasulikku teavet, reklaame, juhtnuppe, küsitlusi ja palju muud. Sellise hüpiku loomine on üsna lihtne - kasutage jQuery teeki.

Kuidas teha ujuvat akent
Kuidas teha ujuvat akent

Juhised

Samm 1

Sisestage oma lehe koodi sildid, mis lisavad jQuery teegi. Need sildid näevad üsna standardsed välja:

skript src = "jQuery.js" / skript

skript src = "interface.js" / skript

2. samm

Hüpiku kujundamiseks lisage stiililehele css-kood. Määrake sellised parameetrid nagu asukoht, kõrgus, ülevool, taustapilt, taustapositsioon, taustakordus, ülevool, kursor ja muud, mida teil võib stiiliks vaja minna. Neid parameetreid saab määrata ka peatunnistuses, kui teil pole tavapärases töös stiilidele spetsiaalse faili eraldamise põhimõtet. Koodi saate kirjutada ka muul viisil, kasutades erinevaid silte. Ujuvate akende kirjutamiseks on tavaliselt palju võimalusi.

3. samm

Kleepige hüpiku lingi kood lehe sisusse ja kirjeldage hüpikakna avamise skripti ennast. Kirjeldage funktsiooni akna kutsumiseks standardsete käskudega show (), TransferTo (), bind () jt. Proovige iga funktsiooni kõrvale kirjutada enda jaoks väike kirjeldus, et mitte segadusse sattuda koodis, kuna võite kogu süsteemi töö täielikult häirida.

4. samm

Kontrollige koodi vigade suhtes ja avage leht brauseris, et näha oma töö tulemust. Hüpikakna kuvamiseks peate klõpsama loodud lingil. Tulevikus saate ette näha hüpikakna automaatse kuvamise. Hüpikaknal peaksid olema ka erinevad omadused, näiteks võime lohistada, minimeerida, venitada ja muidugi sulgeda. Kõiki neid omadusi tuleb hüpikaknas kirjeldada. Ujuvate akende valmistamine pole keeruline, peamine on teada programmeerimise põhitõdesid, kuna koodi õigeks kirjutamiseks vajate eriteadmisi.

Soovitan: