Henter stænger viser forløbet af en download eller proces. Lastning bar giver brugerne en visuel forståelse af, hvordan fremskridt kommer sammen . Hvert programmeringssprog har sin egen metode til at skabe fremskridt barer . De mest populære valg er Flash og Ajax . Oprettelse af en loading bar kræver en load- bar billede, som du kan gøre dig selv eller downloader fra et billede generator. Lastning bar kræver kode, der informerer det , hvor meget der er gjort fremskridt . Instruktioner
Oprettelse Loading barer med Ajax
1
Download en loading bar gif fra Ajax gif generator (se Resources). Vælg en stil fra " Indicator type" drop- down menuen og klik på " Generate ". Klik på " Download It ! " under forhåndsvisningen . En download dialogboks vises. Gå til den mappe på din loading - bar projektet navngive filen " loading.gif ", og tryk derefter på "Enter". Alternativt, hvis du er en grafik editor , kan du bygge din egen statuslinjen. Sørg for at det er en animation med " gif " fil forlængelse.
2
Download jQuery bibliotek ( se Resources). En JavaScript-kode fil åbnes. Klik på " File ", " Gem". Når dialogboksen Gem vises, browse til den mappe på din loading - bar -projektet og trykke på " Enter".
3
Start en kode editor eller Notesblok. For Notepad , klik på " Start", " Alle programmer ", "Tilbehør ", " Notesblok "
4
Kopier og indsæt følgende kode til den tomme fil: .
< html >
< script 0 0 0 ,
font : fed 11px Arial, Helvetica , sans-serif ;
}
< /style >
< /head> ;
Hent i gang, vent venligst ..
< img src = " loading.gif " alt = " loading .. " />
< /div >
< /body >
< /html >
5
Gem filen . Klik på " File ", " Gem" give den et navn med " html " udvidelse (såsom " loadbar.html "), og tryk på "Enter".
Oprettelse Henter barer med Flash < br >
6
Start enhver Flash editor.
7
Opret tre nye rammer med ved at klikke på "Indsæt ", " Frame ".
8
"Frames " panel ( normalt i venstre side af Flash editor ), højre klikke på den øverste ramme og vælge " Omdøb ". Name it " handlinger ". Brug den samme proces til at navngive den anden ramme " siteloader " det tredje billede " omrids ", og den sidste ramme "bar ".
9
Lås de " aktioner" og " skitse " rammer . Højreklik på hver af rammen navne og vælg " Lås ".
10
Indstil " fyld " og " slagtilfælde " farver . Den " fyld " farve er den ene ud til lossepladsen spand. Den " slagtilfælde" er den farve ved siden af blyanten. Sørg for, at farverne kontrasterer hinanden , således at slaget vil være klart synlig i baggrunden.
11
Opret et rektangel til lastning baren. Klik på rektangel værktøj i værktøjskassen , indstilles grænsen til den ønskede bredde og tegne et rektangel på "bar" ramme. Denne rektangel vil fungere som din loading bar . Den " fyld " farve vil fylde loading bar download skrider frem.
12
Flyt skitse fra " bar" lag til " omrids " lag. Dobbeltklik på omridset af belastningen for at vælge omridset alene. Tryk på " Ctrl " og " x" samtidigt for at skære omridset fra belastningen baren. Højreklik på ordet " bar" og vælg " Lås ". Højreklik på " kontur " og vælg " Lås ". Klik på " Rediger", "Indsæt i sted."
13
Gør lastning bar et filmklip. Højreklik på " kontur " og vælg " Lås ". Højreklik på " bar" og vælg " Lås ". Klik på rektanglet , og derefter "Rediger ", "Konverter til Symbol ". Type " loadbar " som navnet derefter klikke på alternativknappen for " Movie klip " og tryk " Enter".
14
Opret en ActionScript instans. Klik på " Egenskaber". I tekstboksen ved siden af "Navn " type " loadingBar ".
15
Opsæt sitet loader . Lås "bar" lag og låse " siteloader " lag. Klik på " Indsæt ", " New Symbol" name it "site ", vælge " Movie klip " og tryk "Enter". Klik på "Window ", " Library". Klik på "site ", og træk det til scenen ( hovedfeltet af Flash redaktør) . Klik på " Egenskaber". I tekstfeltet ved "Navn " type " siteLoader ".
16
Program ActionScript . Klik på " Window ", "Handlinger ". En kode editor vises på skærmen. Kopier og indsæt følgende kode til den kode editoren:
siteLoader.loadMovie ( " ")
loadingBar._xscale = 1;
loadingBar . onEnterFrame = function () {
kBytesLoaded = this._parent.siteLoader.getBytesLoaded () /1024 ,
kBytesTotal = this._parent.siteLoader.getBytesTotal () /1024 ;
procent = Math.round ( kBytesLoaded /kBytesTotal * 100),
this._xscale = procentsats;
hvis (procent == 99) {
slette denne . onEnterFrame ;
}
}
Erstat " " med stien til filen eller websiden , der bliver indlæst , mens lastning bar skrider .
17 Gem projektet som " loadbar.swf . "