Hvordan Man Laver Et Flydende Vindue

Indholdsfortegnelse:

Hvordan Man Laver Et Flydende Vindue
Hvordan Man Laver Et Flydende Vindue

Video: Hvordan Man Laver Et Flydende Vindue

Video: Hvordan Man Laver Et Flydende Vindue
Video: Vinduer - Lær om udskiftning, isætning og montering af vindue her 2024, Kan
Anonim

Mange moderne websteder har originale kontroller. Et af disse elementer er pop op-vinduer, hvor du kan placere forskellige nyttige oplysninger, reklamer, kontroller, afstemninger og meget mere. Det er ret nemt at oprette en sådan popup - brug jQuery-biblioteket.

Hvordan man laver et flydende vindue
Hvordan man laver et flydende vindue

Instruktioner

Trin 1

Indsæt tags i din sidekode, der tilføjer jQuery-biblioteket. Disse tags ser ret standard ud:

script src = "jQuery.js" / script

script src = "interface.js" / script

Trin 2

Tilføj css-koden til stilarket for at style pop op. Angiv parametre som position, højde, overløb, baggrundsbillede, baggrundsposition, baggrunds gentagelse, overløb, markør og andre, som du muligvis har brug for til styling. Disse parametre kan også indstilles i hovedmærket, hvis du ikke har princippet om at tildele en speciel fil til stilarter i dit standardarbejde. Du kan skrive kode på andre måder ved hjælp af forskellige tags. Der er normalt mange måder at skrive flydende vinduer på.

Trin 3

Indsæt koden til linket til pop op i siden af siden, og beskriv selve scriptet til åbning af pop op. Beskriv en funktion til at kalde et vindue ved hjælp af standardkommandoer show (), TransferTo (), bind () og andre. Prøv at skrive en lille beskrivelse for dig selv ved siden af hver funktion for ikke at blive forvirret i koden, da du helt kan forstyrre driften af hele systemet.

Trin 4

Tjek koden for fejl, og åbn siden i en browser for at se resultatet af dit arbejde. For at et pop op-vindue skal vises, skal du klikke på det oprettede link. I fremtiden kan du sørge for, at et pop op-vindue automatisk vises. Pop-up skal også have forskellige egenskaber, såsom evnen til at trække og slippe, minimere, strække og selvfølgelig lukke. Alle disse egenskaber skal beskrives i popup-scriptet. At lave flydende vinduer er ikke svært, det vigtigste er at kende det grundlæggende ved programmering, da du har brug for særlig viden for at skrive koden korrekt.

Anbefalede: