Skrivet av phroggyy:
Finns endast ett officiellt easing-plugin (det som står i JQuery API), nämligen detta, och så vitt jag kan se anges inga standardvärden!
Nu har jag tittat lite på detta. Förstår att detta kan vara så smått förvirrande om man inte är så insatt i jQuery.
jQuery hanterar dessa värdena, och de ligger i:
Den har även en funktion som hanterar stepping som ligger i:
Detta är inte direkt något du behöver ta hänsyn till, utan du får bara förlita dig på att deras stepping fungerar väl. Det du dock behöver förstå för att fixa dina egna easing funktioner är detta (om man utgår ifrån jQuery easing plugin):
X och T anger båda två vad tiden är nu i relation till animationen. X i form av ett flytande nummer mellan 0 och 1, T som millisekunder från starten av animationen.
D är animations tiden i millisekunder.
B är 0 och C är 1.
Själva easing funktionen, som du t.ex. själv vill göra, ska returnera ett flytande nummer mellan 0 och 1. När jQuery tar emot svaret så beräknas det på följande sätt:
x = start + easingReturnValue * (end - start)
Där start och end är startvärdet respektive slutvärdet på det du har valt att animera.
Det enda du behöver göra är dvs. att skapa din egna easing funktion (som fungerar korrekt enligt ovan regler). Därefter behöver du enbart göra:
$("#pleasAnimateMe").animate({top: "300px"}, "slow", "myOwnEasingFunc");
Det enda som DU behöver specificera är duration, i ovan nämnda fall slow (kan lika gärna vara 400 eller 600 i ms) och funktionsnamnet, sen hanterar jQuery resten själv så att rätt värden kallas till din easing funktion.
Hoppas det hjälpte att få lite information om det hela. Det är inte glasklart i varken deras kod eller på deras hemsidan.