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)
var instance; // Type: wijmo.tree.wijtree_animation; var value; // Type: string value = instance.easing;

Javascript (Usage)

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

Javascript (Specification)
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”

Browser Compatibility

Return Value

See Also

Reference

Concepts