HTML iškylančiojo lango kūrimas atliekamas naudojant „jQuery“biblioteką, kuri leidžia integruoti įvykių tvarkytuvą į tinklalapį ir taip leisti rodyti aktyvų svetainės turinį.
Nurodymai
1 žingsnis
Atidarykite HTML svetainės puslapį teksto rengyklėje, kurią naudojate norimam kodui parašyti. Norėdami įterpti iššokantįjį langą, taip pat galite naudoti įprastą „Windows Notepad“įrankį. Norėdami tai padaryti, dešiniuoju pelės mygtuku spustelėkite HTML failą ir pasirinkite „Open With“- „Notepad“.
2 žingsnis
Dokumento skyriuje sukurkite sluoksnį, kuris tvarkys „jQuery“:
3 žingsnis
Tada turite nustatyti iššokančio lango pavadinimą. Norėdami tai padaryti, galite naudoti pakopines HTML antraštes:
Lango pavadinimas
4 žingsnis
Po to nustatykite tekstą, kuris bus rodomas lange naudodamas scenarijų, kad sukurtumėte pastraipą:
Tekstas
5 žingsnis
Tada prieš uždarydami ankstesnę rankeną sukurkite sluoksnį su „class_win“, kad uždarytumėte iššokantįjį langą:
Uždarykite langą
6 žingsnis
Įtraukite „jQuery“biblioteką į failą, pridėdami reikiamą žymą tarp dokumentų aprašų. Pavyzdžiui:
7 žingsnis
Po to įveskite kodą, kad būtų rodomas iššokantis langas:
$ (funkcija () {
$ ('# Show'). Slėpti ();
8 žingsnis
Tada turite tvarkyti įvykį, kurį vartotojas paspaudė pelės mygtuką norėdamas iškviesti iššokantįjį langą ir tvarkyti lango uždarymą. Norėdami tai padaryti, įveskite šį kodą:
$ (‘# Click-me’). Spustelėkite (function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). Spustelėkite (function () {$ (‘# show’). FadeOut (300);})
& lt / scenarijus>})
Ši programa leidžia vartotojui paspausti iššokančiojo lango iškvietimo mygtukus ir spustelėti nuorodą, kad jį uždarytumėte.
9 žingsnis
Norėdami rodyti iššokantįjį langą puslapyje, galite naudoti „click-me“klasės nuorodą, kuri buvo nurodyta aukščiau esančiame kode. Norėdami tai padaryti, dokumento tekste įveskite šį kodą:
Spustelėkite, kad būtų rodomas iššokantis langas
