Indholdsfortegnelse:
Video: Hvordan du installerer Stavox Content i Garry's Mod (Inkluderer CS:S content) 2025
Skydere giver brugeren mulighed for at indtaste en værdi visuelt - som en del af en helhed. I CSS3 sikrer en skyder, at brugeren indtaster en korrekt værdi inden for en række værdier, så du behøver ikke bekymre dig om sikkerhedsproblemer eller forkerte værdier. Som et resultat giver skyderen et værdifuldt middel til at tillade variabel input.
Følgende eksempel viser, hvordan du bruger en skyder i din ansøgning. Det begynder med den HTML, der bruges til at definere placeringen og det grundlæggende udseende af skyderen. (Du kan finde fuldstændig kode til dette eksempel i Kapitel 06Widgets-mappen i den downloadbare kode som skyderen. HTML.)
Brug af skyderen Widget
0 50 Værdi:
Skyderen har en minimumsværdi på 0 og en maksimal værdi på 50. Skyderen bruger også følgende CSS til at give output en mere glædeligt udseende og gøre det muligt at markere begyndelsen og slutningen af skalaen.
#Slider {bredde: 50%; margin: 30px;} #Left {position: absolut; top: 15px; venstre: -5px;} #Right {position: absolute; top: 15px; venstre: 99%;}
Som du kan se, placerer CSS begyndelsen og slutningen af skalaen i en bestemt position, så den svarer til skyderens størrelse. Så vidt brugeren ved, er skalaen og skyderen et stykke, men de er faktisk to stykker i koden. Det resterende stykke af koden er scriptet her.
$ (funktion () {$ ("# Slider"). Glidebryder ({// Indstil maksimal skyderværdi max: 50, // Udfør opgaver, når værdien ændres. (event, ui) {// Vis den aktuelle skyderværdi. $ ("# Værdi"). tekst ($ ("# Slider"). skyderen ("værdi"))}});})
I dette tilfælde indstiller koden den maksimale skyderværdi til 50. Minimumværdien er standard til 0. Du kan dog indstille både maksimum og minimumsværdier til en hvilken som helst position. Selvom eksemplet ikke viser det, kan skyderen have mere end et håndtag, så det kan repræsentere en rækkevidde. Denne fleksibilitet betyder, at du kan bede brugeren om at indtaste både start- og stoppunkt.
En af de mest almindelige begivenheder er ændring. Eksemplet viser den nye værdi hver gang brugeren er færdig med at flytte håndtaget. Den måde du bruger udgangen afhænger dog af din ansøgning. Generelt bruger du output til at levere dataindgang eller applikationskontrol. Det er dog en god idé at vise den faktiske skyderen værdi, så brugeren kender den faktiske input værdi.
