docs/partials/anim-xy-source.mustache

	anim-xy-source.mustache revision 77b17de8f98cd3600f3361da39ab57166bd3be1b
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney<div id="demo-stage">
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney    <span id="demo"></span>
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney</div>
21c6ea459a2245c14e71f85b7cd3d160f75ff19eSatyen Desai
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney<script type="text/javascript">
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt SweeneyYUI().use('anim', function(Y) {
21c6ea459a2245c14e71f85b7cd3d160f75ff19eSatyen Desai    var anim = new Y.Anim({
21c6ea459a2245c14e71f85b7cd3d160f75ff19eSatyen Desai        node: '#demo',
21c6ea459a2245c14e71f85b7cd3d160f75ff19eSatyen Desai        duration: 0.5,
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney        easing: Y.Easing.elasticOut
0bf15ed0fdb50227faf47dd071dc50852157f8afMatt Sweeney    });
36ee9a8c078d29956f6eda3d99f87a772d9f6cd0Matt Sweeney
    var onClick = function(e) {
        anim.set('to', { xy: [e.pageX, e.pageY] });
        anim.run();
    };

    Y.one('#demo-stage').on('click', onClick);

});

</script>