Video: Slik legger du furugulv 2024
Hvis du vil utføre en faktisk fargeanimasjon i søknaden din, må du bruke metoden animate () i CSS3. Denne metoden ser ut til å være et pågående arbeid fordi dokumentasjonen for den ikke er så godt skrevet som den andre dokumentasjonen for jQuery UI.
Metoden ser ut til å fungere for alle de store målplattformene og nettleserne, men du vil eksperimentere for at det skal fungere for hver nettleser du må målrette. Fargen vil faktisk overgå i dette tilfellet. Det er også mulig å kontrollere tekstfarger i stor grad.
Følgende eksempel viser de mest brukte overgangene. (Du finner fullstendig kode for dette eksempelet i Kapittel 06Animations-mappen for den nedlastbare koden som animasjon. HTML.)
$ (funksjon () {// Spor normal tilstand. Var Stat = true; $ ("# ChangeColors Klikk på (funksjon () {hvis (Stat) {// Sett til den endrede tilstanden. $ ("# SampleText"). animate ({backgroundColor: "# 0000ff", farge: "hvit", borderColor: "# ff0000 ", høyde: 100, bredde: 600}, 1500);} else {// Sett til normal tilstand. $ (" # SampleText "). animate ({backgroundColor:" # 7fffff ", farge:" svart " borderColor: "# 00ff00", høyde: 50, bredde: 400}, 1500);} / Endre tilstanden. State =! State;})})
Hvis du tenker at denne koden ser ut som det virker lik CSS, gjør det, men animate () -metoden gir en betydelig redusert liste over funksjoner som den kan endre.
Du kan endre mange funksjoner i teksten og beholderen som holder den, inkludert både bredde og høyde. Du kan imidlertid ikke endre ting som den slags grensen som brukes til å holde alt - selv om du kan endre fargen på grensen. Dokumentasjonen for jQuery UI oppgir at animere () støtter disse egenskapene:
-
backgroundColor
-
borderBottomColor
-
borderLeftColor
-
borderRightColor
-
borderTopColor
-
farge
-
columnRuleColor
-
outlineColor
-
textDecorationColor
-
textEmphasisColor
Bibliotekstilfelte eksempler (de som tilbys av leverandøren på leverandørens nettsted) viser at noen få andre egenskaper støttes, inkludert bredde, høyde og borderColor. Bruk disse uutgitte egenskapene med forsiktighet. Selv om de jobber nå, kan de ikke støttes i fremtidige utgivelser av biblioteket.