Video: Technology Stacks - Computer Science for Business Leaders 2016 2024
Om du vill utföra en faktisk färganimering i din ansökan måste du använda metoden animate () i CSS3. Denna metod verkar vara ett pågående arbete eftersom dokumentationen för den inte är nästan så välskriven som den andra dokumentationen för jQuery-användargränssnittet.
Metoden verkar fungera för alla större målplattformar och webbläsare, men du vill experimentera för att det ska fungera för varje webbläsare du behöver rikta in. Färgen kommer faktiskt att övergå i det här fallet. Det är också möjligt att styra textfärgerna i stor utsträckning.
Följande exempel visar de mest använda övergångarna. (Du kan hitta fullständig kod för det här exemplet i Kapitel 06Animations-mappen för den nedladdningsbara koden som Animera. HTML.)
$ (funktion () {// Spåra det normala tillståndet. Var State = true; $ ("# ChangeColors Klicka på (funktion () {if (state) {// Ange till ändrat tillstånd. $ ("# SampleText"). animera ({backgroundColor: "# 0000ff", färg: "vit", borderColor: "# $ {"SampleText"). animera ({backgroundColor: borderColor: "# 00ff00", höjd: 50, bredd: 400}, 1500);} Ändra tillståndet. State =! State;})})
Om du funderar på att den här koden ser ut som den fungerar liknar CSS, det gör det, men metoden animate () ger en betydligt mindre lista över funktioner som den kan ändra.
Du kan ändra många funktioner i texten och behållaren som håller den, inklusive både bredden och höjden. Du kan dock inte ändra saker som den typ av gräns som används för att hålla allt - även om du kan ändra gränsernas färg. Dokumentationen för jQuery-användargränssnittet anger att animera () stöder dessa egenskaper:
-
backgroundColor
-
borderBottomColor
-
borderLeftColor
-
borderRightColor
-
borderTopColor
-
färg
-
columnRuleColor
-
outlineColor
-
textDecorationColor
-
textEmphasisColor
De bibliotekslevererade exemplen (de som tillhandahålls av säljaren på leverantörens webbplats) visar att några andra egenskaper stöds, inklusive bredd, höjd och borderColor. Använd dessa ej publicerade egenskaper med omsorg. Även om de arbetar nu kan de inte stödjas i framtida utgåvor av biblioteket.