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.
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.