Paramètres : Effect.Highlight(element HTML | id, {options})
Rôle : Transition d'un element d'une couleur à une autre
Retourne : objet effect
Note :
Options : duration:decimal Spécifie la durée de l'effet en secondes. Attention, la virgule décimale est un point (0.3). fps:entier Spécifie le nombre de trames par secondes. La valeur par défaut est 25. transition:fonction Spécifie une fonction qui modifie le point courant de l'animation qui est entre 0 et 1. Les transitions suivantes sont disponibles : Effect.Transitions.sinoidal (par défaut) Effect.Transitions.linear Effect.Transitions.reverse Effect.Transitions.wobble Effect.Transitions.flicker from:decimal Spécifie le point de départ de la transition, un décimal entre 0.0 et 1.0. 0.0 étant la valeur par défaut. to:decimal Spécifie le point d'arrivée de la transition, un décimal entre 0.0 et 1.0. 0.0 étant la valeur par défaut. sync:false | true Définit si l'effet doit créer de nouvelles trames automatiquement (comportement par défaut). Si vrai, vous pouvez créer des trames manuellement en appelant la méthode render() d'un effet. queue:'chaîne' Définie l'emplacement de l'effet dans la file d'attente globale. Chaîne peut prendre comme valeur 'front' ou 'end', ou un objet de paramètre de queue. (Voir Effect.Queue). direction:'chaîne'; Spécifie la direction de l'animation. Les valeurs possibles sont les suivantes : ‘top-left’ ‘top-right’ ‘bottom-left’ ‘bottom-right’ ‘center’ (par défaut) et ne peuvent être appliquées qu'au effets d'aggrandissement et de rétrécissement (Effect.Grow, Effect.Shrink). Callback Les callbacks permettent d'effectuer des opérations pendant le déroulement d'une animation. L'objet Effect est attribué en paramètre du callback. beforeStart:fonction Appelée avant que l'animation principale ne commence. beforeUpdate:fonction Appelée à chaque itération de la boucle de rendu de l'effet, juste avant qu'il ne soit redessiné. afterUpdate:fonction Appelée à chaque itération de la boucle de rendu de l'effet, juste après qu'il eut été redessiné. afterFinish:fonction Appelée à la fin de l'animation. Variables effect.element L'élement sur lequel l'effet est appliqué. effect.options Les options appliquées à l'effet. effect.currentFrame Le numéro de la trame courante. effect.startOn, effect.finishOn Len temps en millisecondes où l'effet commence, et fini. effect.effects[] Dans le cas d'un Effect.Parallel, cette variable contient un tableau de tout les effets individuels dont il est composé.
startcolor:hexadecimal Spécifie la couleur de départ de l'animation. La valeur par défaut est '#ffff99' (jaune clair). endcolor:hexadecimal Spécifie la couleur de fin de l'animation. La valeur par défaut est '#ffffff' (blanc). restorecolor:hexadecimal Spécifie la couleur de l'élément après l'animation. La valeur par défaut est la couleur d'origine de l'élément.
function tester()
{
new Effect.Highlight('div_1',
{duration:1, fps:25, from:0.0, to:1.0, startcolor:'#ff0000', endcolor:'#00ff00', restorecolor:'#0000ff'});
}