Mange moderne nettsteder har originale kontroller. Et av disse elementene er popup-vinduer der du kan plassere forskjellige nyttige opplysninger, annonser, kontroller, meningsmålinger og mer. Det er ganske enkelt å lage en slik popup - bruk jQuery-biblioteket.
Bruksanvisning
Trinn 1
Sett inn koder i sidekoden som legger til jQuery-biblioteket. Disse kodene ser ganske standard ut:
skript src = "jQuery.js" / skript
script src = "interface.js" / skript
Steg 2
Legg til css-koden i stilarket for å style popup. Spesifiser parametere som posisjon, høyde, overløp, bakgrunnsbilde, bakgrunnsposisjon, bakgrunn-repetisjon, overløp, markør og andre som du kanskje trenger for styling. Disse parametrene kan også settes i hodetaggen, hvis du ikke har prinsippet om å tildele en spesiell fil til stiler i standardarbeidet ditt. Du kan skrive kode på andre måter ved å bruke forskjellige koder. Det er vanligvis mange måter å skrive flytende vinduer på.
Trinn 3
Lim inn koden for lenken til popup-en i brødteksten på siden, og beskriv selve skriptet for åpning av popup-vinduet. Beskriv en funksjon for å ringe et vindu ved hjelp av standardkommandoer show (), TransferTo (), bind () og andre. Prøv å skrive en liten beskrivelse for deg selv ved siden av hver funksjon, for ikke å bli forvirret i koden, da du helt kan forstyrre driften av hele systemet.
Trinn 4
Sjekk koden for feil og åpne siden i en nettleser for å se resultatet av arbeidet ditt. For at et popup-vindu skal vises, må du klikke på den opprettede lenken. I fremtiden kan du sørge for at et popup-vindu automatisk vises. Pop-upen skal også ha forskjellige egenskaper, for eksempel muligheten til å dra og slippe, minimere, strekke og selvfølgelig lukke. Alle disse egenskapene må beskrives i popup-skriptet. Å lage flytende vinduer er ikke vanskelig, det viktigste er å vite det grunnleggende om programmering, siden du trenger spesiell kunnskap for å skrive koden riktig.
