easing Field

The easing option uses Raphael easing formulas to add effects to the animation, such as allowing an item to bounce realistically. For more information, please see Easing in the Animation topic.

Default: "linear"

Syntax

Javascript (Usage)
Javascript (Specification)

var instance; // Type: wijmo.tree.wijtree_animation;
var value; // Type: string
value = instance.easing;

var easing : string;

Return Value

Example

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#tree").wijtree({
            collapseAnimation:{
                effect: "shake", 
                duration: 1000,
                easing: "easeOutBounce"
            },
            expandAnimation:{
                effect: "fold", 
                duration: 1000,
                easing: "easeInBounce"
            }
        });
    });
</script>

Remarks

Valid Values (see http://raphaeljs.com/easing.html for easing demos):

“linear”
“<” or “easeIn” or “ease-in”
“>” or “easeOut” or “ease-out”
“<>” or “easeInOut” or “ease-in-out”
“backIn” or “back-in”
“backOut” or “back-out”
“elastic”
“bounce”

Reference

wijtree_animation Interface
duration
effect

Concepts

Animation