easing フィールド

easing オプションは Raphael easing 式を使用して、項目をリアルに弾ませるなどの効果をアニメーションに追加します。詳細については、「アニメーション」トピックの「イージング」を参照してください。

デフォルト："linear"

シンタックス

Javascript (Usage)
var instance; //タイプ：wijmo.tree.wijtree_animation; var value; // Type: string value = instance.easing;

Javascript (Usage)

var instance; //タイプ：wijmo.tree.wijtree_animation;
var value; // Type: string
value = instance.easing;

Javascript (Specification)
var easing : string;

戻り値の型

使用例

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>

解説

有効な値（イージングのデモについては、http://raphaeljs.com/easing.html を参照）。

linear
< または easeIn または ease-in
> または easeOut または ease-out
<> または easeInOut または ease-in-out
backIn または back-in
backOut または back-out
elastic
bounce

戻り値の型

関連トピック

参照