GreenSock Animation Platform 介绍
Flash业界久负盛名的动画引擎（TweenLite等）GreenSock推出了新一代动画引擎平台GreenSock Animation
Platform，最棒的是包括JS版本！
//JS版本
var photo = document.getElementById(“photo”); //or use jQuery’s $(“#photo”)
TweenLite.to(photo, 1.5, {width:100});
//fade out all of the elements with the class “myClass”
TweenLite.to( $(“.myClass”), 1, {css:{opacity:0}});
//tween the width of the element with id “myElement” to 500px
TweenLite.to( $(“#myElement”), 1, {css:{width:”500px”},
ease:Elastic.eaSEOut});
//tween the “marginTop” of all objects of the class “myClass” in a staggered
fashion so that they appear to fall into place from 100px up
var tl = new TimelineLite();
tl.staggerFrom( $(“.myClass”), 1, {css:{marginTop:”-=100px”, opacity:0}},
0.1);
//or use jQuery’s each() method to loop through the results and stagger a fade
out
$(“.myClass”).each( function(index, element) {
TweenLite.to( element, 1, {css:{autoAlpha:0}, delay:index * 0.2});
});
//add a click handler that uses $(this) to refer to the menu element that was
clicked and tween its height to 100px
$(“#menu”).click(function(){
TweenLite.to( $(this), 0.7, { css:{height:”100px”}, ease:Power2.easeInOut } );
});
//AS3.0版本：
//notice the target is an array
TweenLite.to([mc1, mc2, mc3], 1, {alpha:0});
var tl:TimelineLite = new TimelineLite(); //prevIoUsly only appendMultiple()
Could handle arrays. Now append() and insert() can too.
tl.append( [tween1, tween2, tween3] );
tl.insert( [tween1, tween2, tween3] ); //kill all tweens of mc1, mc2, and/or
mc3
GreenSock Animation Platform 官网
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
